Skip to content

Update tutorial inturbo-native-modules.md to use React Native 0.81.0 #4746

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
kaseken wants to merge 1 commit into from
+26 −34
Closed

Update tutorial inturbo-native-modules.md to use React Native 0.81.0 #4746

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 12 additions & 16 deletions docs/turbo-native-modules-android.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -207,18 +207,18 @@ Later you’ll learn how to distribute your Native Modules as [npm packages](the
<TabItem value="java">

```java title="android/app/src/main/java/com/turobmoduleexample/MainApplication.java"
package com.inappmodule;
package com.turbomoduleexample;

import android.app.Application;
import com.facebook.react.PackageList;
import com.facebook.react.ReactApplication;
import com.facebook.react.ReactHost;
import com.facebook.react.ReactNativeApplicationEntryPoint;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint;
import com.facebook.react.defaults.DefaultReactHost;
import com.facebook.react.defaults.DefaultReactNativeHost;
import com.facebook.soloader.SoLoader;
// highlight-add-next-line
import com.nativelocalstorage.NativeLocalStoragePackage;

Expand Down Expand Up @@ -259,19 +259,20 @@ public class MainApplication extends Application implements ReactApplication {
}
};

@Override
public ReactNativeHost getReactNativeHost() {
return reactNativeHost;
}

@Override
public ReactHost getReactHost() {
return DefaultReactHost.getDefaultReactHost(getApplicationContext(), reactNativeHost);
return DefaultReactHost.getDefaultReactHost(getApplicationContext(), reactNativeHost, null);
}

@Override
public void onCreate() {
super.onCreate();
SoLoader.init(this, false);
if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
// If you opted-in for the New Architecture, we load the native entry point for this app.
DefaultNewArchitectureEntryPoint.load();
}
ReactNativeApplicationEntryPoint.loadReactNative(this);
}
}
```
Expand All @@ -280,18 +281,17 @@ public class MainApplication extends Application implements ReactApplication {
<TabItem value="kotlin">

```kotlin title="android/app/src/main/java/com/turobmoduleexample/MainApplication.kt"
package com.inappmodule
package com.turbomoduleexample

import android.app.Application
import com.facebook.react.PackageList
import com.facebook.react.ReactApplication
import com.facebook.react.ReactHost
import com.facebook.react.ReactNativeApplicationEntryPoint.loadReactNative
import com.facebook.react.ReactNativeHost
import com.facebook.react.ReactPackage
import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
import com.facebook.react.defaults.DefaultReactNativeHost
import com.facebook.soloader.SoLoader
// highlight-add-next-line
import com.nativelocalstorage.NativeLocalStoragePackage

Expand Down Expand Up @@ -320,11 +320,7 @@ class MainApplication : Application(), ReactApplication {

override fun onCreate() {
super.onCreate()
SoLoader.init(this, false)
if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
// If you opted-in for the New Architecture, we load the native entry point for this app.
load()
}
loadReactNative(this)
}
}
```
Expand Down
2 changes: 1 addition & 1 deletion docs/turbo-native-modules.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ The basic steps are:
Lets work through each of these steps by building an example Turbo Native Module. The rest of this guide assume that you have created your application running the command:

```shell
npx @react-native-community/cli@latest init TurboModuleExample --version 0.76.0
npx @react-native-community/cli@latest init TurboModuleExample --version 0.81.0

@kaseken kaseken Aug 21, 2025

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It might be better to specify versions for @react-native-community/cli instead of using latest, since each cli has compatible react-native versions.
https://github.com/react-native-community/cli?tab=readme-ov-file#compatibility

```

## Native Persistent Storage
Expand Down
28 changes: 12 additions & 16 deletions website/versioned_docs/version-0.81/turbo-native-modules-android.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -207,18 +207,18 @@ Later you’ll learn how to distribute your Native Modules as [npm packages](the
<TabItem value="java">

```java title="android/app/src/main/java/com/turobmoduleexample/MainApplication.java"
package com.inappmodule;
package com.turbomoduleexample;

import android.app.Application;
import com.facebook.react.PackageList;
import com.facebook.react.ReactApplication;
import com.facebook.react.ReactHost;
import com.facebook.react.ReactNativeApplicationEntryPoint;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint;
import com.facebook.react.defaults.DefaultReactHost;
import com.facebook.react.defaults.DefaultReactNativeHost;
import com.facebook.soloader.SoLoader;
// highlight-add-next-line
import com.nativelocalstorage.NativeLocalStoragePackage;

Expand Down Expand Up @@ -259,19 +259,20 @@ public class MainApplication extends Application implements ReactApplication {
}
};

@Override
public ReactNativeHost getReactNativeHost() {
return reactNativeHost;
}

@Override
public ReactHost getReactHost() {
return DefaultReactHost.getDefaultReactHost(getApplicationContext(), reactNativeHost);
return DefaultReactHost.getDefaultReactHost(getApplicationContext(), reactNativeHost, null);
}

@Override
public void onCreate() {
super.onCreate();
SoLoader.init(this, false);
if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
// If you opted-in for the New Architecture, we load the native entry point for this app.
DefaultNewArchitectureEntryPoint.load();
}
ReactNativeApplicationEntryPoint.loadReactNative(this);
}
}
```
Expand All @@ -280,18 +281,17 @@ public class MainApplication extends Application implements ReactApplication {
<TabItem value="kotlin">

```kotlin title="android/app/src/main/java/com/turobmoduleexample/MainApplication.kt"
package com.inappmodule
package com.turbomoduleexample

import android.app.Application
import com.facebook.react.PackageList
import com.facebook.react.ReactApplication
import com.facebook.react.ReactHost
import com.facebook.react.ReactNativeApplicationEntryPoint.loadReactNative
import com.facebook.react.ReactNativeHost
import com.facebook.react.ReactPackage
import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
import com.facebook.react.defaults.DefaultReactNativeHost
import com.facebook.soloader.SoLoader
// highlight-add-next-line
import com.nativelocalstorage.NativeLocalStoragePackage

Expand Down Expand Up @@ -320,11 +320,7 @@ class MainApplication : Application(), ReactApplication {

override fun onCreate() {
super.onCreate()
SoLoader.init(this, false)
if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
// If you opted-in for the New Architecture, we load the native entry point for this app.
load()
}
loadReactNative(this)
}
}
```
Expand Down
2 changes: 1 addition & 1 deletion website/versioned_docs/version-0.81/turbo-native-modules.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ The basic steps are:
Lets work through each of these steps by building an example Turbo Native Module. The rest of this guide assume that you have created your application running the command:

```shell
npx @react-native-community/cli@latest init TurboModuleExample --version 0.76.0
npx @react-native-community/cli@latest init TurboModuleExample --version 0.81.0
```

## Native Persistent Storage
Expand Down