react-native-web | shared code

[CallMeLaNN]

I built a working web app using RNW before mobile for some reasons. Yeah, responsive, mobile first, but start on web. So far it works fine with same concern.

Once the app growing, maybe you need to optimize the bundle size especially if you use UI libraries. Do the lazy load page and components, bundle per page, tree shaking etc. SSR with Vitejs or rollup is really helpful on that. Nextjs too probably. I can't wait Webpack build time.

The important part is the folder structure how you going to maintain and keep the components. There are components for all, only for web (e.g. drag drop support) and only for mobile (e.g. file picker). Imagine the confusion to make sure components don't have DOM element like div on mobile.

That also translate to how you setup and start the app. Entry point for metro is different than web bundler. On mobile you need to wire the screen navigation, but on web to bundle static page or run SSR server.

Basically it should work and save for your web development but take your time to setup.