Refactoring from react-native to reactJS

Question

We are refactoring some legacy code into React and it turns out it is all reactNative.

Does anyone have any idea how we can refactor this AppRegistry.registerComponent into React (Just regular React (like the one create-react-app installs), not React Native, not React-Web), the same goes for AppRegistry.getApplication? We don't want ANY react-native at all, so any help would be greatly appreciated...

Could someone also point me at a decent resource so I can stop asking these asinine questions? :(

Hi Youzef, Just regular React (like the one create-react-app installs), not React Native, not React-Web ;) — Takuhii
– Takuhii, Commented Aug 9, 2022 at 21:54

Youzef · Accepted Answer · 2022-08-10 06:48:05Z

1

You will not need AppRegistry in your case. This is the entry point for your app in react native.

AppRegistry is the JS entry point to running all React Native apps. App root components should register themselves with AppRegistry.registerComponent, then the native system can load the bundle for the app and then actually run the app when it's ready by invoking AppRegistry.runApplication.

In your app, you should refactor

// react native app
import App from "./App";
...
AppRegistry.registerComponent(appName, () => App);

to

// your new app
import App from './App';
...
ReactDOM.render(<App />, document.getElementById('root'));

edited Aug 10, 2022 at 6:48

answered Aug 10, 2022 at 6:39

Youzef

8582 gold badges13 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Takuhii Over a year ago

Thank you for justifying my suspicions :) I thought that was the case, but it felt too easy... Guess I might know something after all :) You are right as well, we want to refactor out AppRegistry altogether, as it's all that's left over from React-Native/React-Native-Web, and we want to remove it... Thank you Youzef, you're a legend ;)

Takuhii Over a year ago

How does this work for runApplication and getApplication though, the same way?

Youzef Over a year ago

These are methods of AppRegistry and won't be required in your app

Collectives™ on Stack Overflow

Refactoring from react-native to reactJS

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related