react-native-multithreading VS react-native-navigation

You can look at MMKV, Vision Camera and some other libs based on JSI which work pretty fast. https://github.com/mrousavy/react-native-mmkv https://github.com/mrousavy/react-native-vision-camera https://github.com/mrousavy/react-native-multithreading

https://mobidev.biz/blog/how-react-native-app-development-works https://github.com/mrousavy/react-native-multithreading

☘️ take advantage of the next coming React Native architecture JSI + Fabric Rendering + Turbo Modules

react-native-multithreading: A library for spawning a secondary JavaScript runtime to run code in there. Pretty experimental

Have a look into react-native-multithreading.

Have you seen https://github.com/mrousavy/react-native-multithreading? Reanimated2 opens the doors to spinning up new JS threads. So we could essentially have multi-threaded JavaScript and avoid dropping down to the native layer at all 🎉.

Here's an example on how easy it is to use: const result = await spawnThread(() => { 'worklet' // expensive calculation return ... }) See mrousavy/react-native-multithreading (GitHub) for more details.

Looks like this feature is not available (check here and here) yet. Good luck mate

another option is react-native-navigation which I haven't used yet but as the document says:

The behavior was reported in their issues 2 years ago: https://github.com/wix/react-native-navigation/issues/6174

At this point don't have a clear preference over which package to use in my next project (react-navigation or react-native-navigation) - they both have strengths and weaknesses, one is easier to actually work with, one is faster in terms of execution, one has better APIs, docs, community, etc.

class Home extends React.PureComponent { constructor(props: Props) { super(props); Navigation.events().bindComponent(this); } closeMenu = () => { this._drawer.close(); }; openMenu = () => { this._drawer.open(); }; static options(passProps) { return { topBar: { rightButtons: [ { component: { name: 'MenuButton', passProps: { onClick: () => this.openMenu(), }, }, }, ], }, }; } render() { return ( ... ); }} Reference I got my passProps code from: https://github.com/wix/react-native-navigation/issues/3648

Thanks! React Native to build the app. React Native Navigation from Wix to build the navigation so the app feels native.

There are two major navigation libraries in React Native world: react-navigation and react-native-navigation. They are both widely used among the community.

You can have a look at React Native Navigation: https://wix.github.io/react-native-navigation/

To navigate between screens, you will probably end up using the very popular React Navigation library. There is a great, purely native alternative, React Native Navigation (the names get confused easily), from Wix. It is super performant but not that flexible. Therefore, again: If your design asks you for something custom, you have no choice but to go with React Navigation; luckily, it is a great, well-documented option.