Skip to main content

Migrating react-native project to ReNative

ReNative supports react-native projects pretty much out of the box in terms of your application code

Due to variety of possibilities / complexity fo react-native projects (ie plugins, custom build scripts and so on) there might be some extra work required to reconnect existing plugins

Migration Guide​

  1. Install rnv
  2. Create new project rnv new (pick @rnv/template-starter)
  3. Follow rest of the steps of installation.
  4. After first rnv run ... check out the codebase.

ReNative Project Folder Structure​

For more information about the project structure, please visit this link.

The src/ folder contains the source content for your application. The initial structure of the src/ folder includes the following subfolders:

  • app: This folder contains the main files for your application.
  • entry: This folder allows you to configure the launch settings of your app. It is intended for advanced configuration and customization.
  • pages: This folder enables you to create individual pages for your application.
info

You are not restricted to the three specified folders. Within the src/ directory, you have the flexibility to create your own folders to organize styles, components, and any other necessary resources.

If you also installed some react native plugins in your project make sure to move them to ./renative.json config file under plugins object.

Renative uses standard react native plugins so plugin names will stay same!

For example:

"plugins": {
    "react-native": "0.73.4"
}

In ./renative.json config file you can add more configuration, for example:

"plugins": {
        "react-native-reanimated": {
            "android": {
                "package": "com.swmansion.reanimated.ReanimatedPackage"
            },
            "androidtv": {
                "package": "com.swmansion.reanimated.ReanimatedPackage"
            },
            "androidwear": {
                "package": "com.swmansion.reanimated.ReanimatedPackage"
            },
            "firetv": {
                "package": "com.swmansion.reanimated.ReanimatedPackage"
            },
            "ios": {
                "podName": "RNReanimated"
            },
            "macos": {
                "podName": "RNReanimated"
            },
            "tvos": {
                "podName": "RNReanimated"
            },
            "version": "3.11.0",
            "disablePluginTemplateOverrides": true,
            "webpackConfig": {
                "modulePaths": true,
                "nextTranspileModules": [
                    "react-native-reanimated"
                ]
            }
        }
    }

if you have any issues you can always raise a question or a bug in https://github.com/pavjacko/renative/issues