Shareable and cross-platform components: Bit + React Native Web

My hybrid app use case, path to migration, and a guide to building your own React Native Web tracked Bit components

I’m currently working on two projects that have elements and features that are similar. One is built with React.js and the other is React Native for Web.

I need to combine them so they share components and logic as supporting both is becoming a big hassle. Features that are in one need to be duplicated in the other.

The React Native app uses React Native for Web to provide a webview that our native iOS app uses to replace the checkout screen.

Concierge Checkout Screen Replacement iOS Webview -> React Native Web

I built it this way knowing that the plan is to replace the original iOS app entirely with React Native in the future.

The React.js app is a standalone web-app for displaying our restaurant menus for ordering food that shows up at your airport gate, while the React Native Web app is for replacing a screen in our native iOS menu app that displays on tablets in all of our restaurants.