Question 34173 in React native Question posted in
The official React Native documentation can be found here.

Convert react js to React Native

I have a react js web application project. I need to develop the same project as mobile application.

Can i convert my reactjs web application project to react-native mobile application project?

If it is yes, How can i do it?

Tags:

2

Answers


  1. 0

    no you can’t convert. you need rebuild as you can use logic and most of the code from you react js but a few things you need to update like routing and Jsx etc

    Login or Signup to reply.
  2. 0

    There is no quick way of converting a whole React App to React Native, you need to take care of Native components, setup, and configs, for example, in a React App the Entry point is your index.js file, packed by ReactDom, in React Native(or expo) you will need to set up an AppRegistrty and probably a Metro bundler.
    However, if it’s a component you want to transform into a ReactNative component, it’s doable, considering these few similarities:

    • A <div /> can be substituted by a View /> imported from react-native
    • A <button /> by <TouchableOpacity />
    • Put all your texts into <Text />
      All imported from react-native

    About styling

    None of those React Native components has a className: string props, instead use style: object props

    About navigation

    Too many differences here, you have to set up a custom navigation logic helped by the react native navigation library

    Briefly, you cannot directly translate a react codebase into a react native, however, a single component exporting a JSX element(like a button, a card, …) can be using those technics I shared
    Additionally, This thread can be a big plus

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search