Monorepo: React Web & React Native

on YouTube ↗34m

" summary

Argues that sharing code between React Web and React Native is possible but brittle for nontrivial apps, demonstrates a Lerna monorepo with packages: web, mobile, and a shared package exporting a date-format function that runs on both, uses Yarn and create-react-app for web, Metro bundler and Expo for mobile, and shows watch-and-copy (Watchman) strategies failing under heavy change. Warns about platform APIs (localStorage vs AsyncStorage), styling and list-data differences; recommends this for large projects only and labels react-native for web integration fragile.

AI-written summary · about

" chapters (8)

1. 0:00Intro
2. 2:54React Native for Web
3. 8:49Extract shared to a separate package
4. 11:53Last update 2 years ago Unstable
5. 14:51Lerna Tool for managing JavaScript projects with multiple packages
6. 21:30Core code should be platform agnostic
7. 23:00Web and Mobile application should behave similar
8. 26:37Question

" related talks

• 34mMonorepo: React Web & React NativeEugene Zharkov · React Alicante 2019
• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019
• 46mReact Native for Web Panel DiscussionReact Nexus 2023
• 59mOne Codebase to Rule Them All - Using React Native EverywhereJesse Weigel · NDC Minnesota 2019
• 29mUniversal ReactMike Grabowski · React Amsterdam 2017
• 08mLightning talk from Lenka VondrackovaLenka Vondrackova · ReactiveConf 2017
• 16mBuilding Cross-Platform Apps with React Native + Next.jsFernando Rojo · App.js Conf 2022
• 07mSharing a Codebase with React & React NativeOli Bates · React Summit Remote Edition 2021