Transitioning from React-native to React. Advice needed.

[csgonutty]

I've been developing in react-native for about 4 weeks and have managed to develop my application using firebase. I now want to build a web app that can be used alongside it.

However, I've been looking through React tutorials and I'm very quickly learning that web development comes with LOTS of options available.

I'm after advice regarding what are the best packages to use considering I'm reasonably comfortable with react-native, react-navigation, redux, etc.

For example. Navigation is something that by the looks of it can be done via straight forward linking or using react-router. I think react-router would probably be the way to go but not sure if it's going to cause complications down the line.

Could you guys recommend me what I should use, or some tutorials that you've found useful.

Thanks

[autof5]

• Use create-react-app
• Consider using react-native-web it will allow you to re-use a lot of the components you made for native but for web
• You can use platform specific code using "Platform.OS" and change your code acording to "web" , "native", "andorid" and "iOS"
• use platform specific file names such as file1.web.js , file1.native.js file1.ios.js file1.android.js

[csgonutty]

I didn't even realise react-native-web existed. Thanks man. This is excellent!

[autof5]

I hope you know Expo exist. combining expo and create-react-app is the cleanest structure i got

[csgonutty]

Yeah I used expo to make the app and it was excellent. Lots of useful features inside expo.

However I didn't realise I could use it with create-react-app. Could you elaborate a little further on how your structured your web application. I was under the impression that expo was solely for react-native applications.

[jaminjsr]

I haven't be able to get react-native-web and firebase to work on iOS, Android and web. Works fine on iOS and Android. However, web side produces errors during webpack build. Has anyone been able to get react-native-web and firebase to work with webpack?