Monorepo: React Web & React Native

on YouTube ↗34m

" summary

Claim: sharing business logic between React web and React Native speeds development but adds real costs: npm link fails for RN, Metro bundler refuses parent folders, and native dependency versions collide. Built a Lerna + workspace setup that takes about a week to stabilize and sometimes yields 80% -> 30% code sharing as UI complexity grows. Also calls out styling, third‑party native components, platform‑specific storage and build quirks as the concrete blockers to shipping cross‑platform code.

AI-written summary · about

" chapters (16)

1. 0:00React Alicante
2. 0:573x engineer
3. 3:11Where are you
4. 4:23Classic Case
5. 4:36Technologies
6. 5:33People Funnel
7. 9:09React Promise
8. 11:08Monorepo
9. 14:58Example
10. 17:43lerna.json
11. 19:01Manage dependencies
12. 24:12WHEN PEOPLE ASK ME
13. 26:30Potential issues
14. 30:58What to expect
15. 31:42The End
16. 33:38Thank you

" related talks

• 34mMonorepo: React Web & React NativeEugene Zharkov | ReactConfAM19 · React Conf Armenia 2019
• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019
• 07mSharing a Codebase with React & React NativeOli Bates · React Summit Remote Edition 2021
• 35mBridging the Gap: How to use React Native in existing large native code basesLeland Richardson · ReactiveConf 2016
• 46mReact Native for Web Panel DiscussionReact Nexus 2023
• 35mReact Native & Rails, A Single Codebase for Web & MobileBen Dixon · RailsConf 2017
• 25mGoing NativeAnna Doubkova · ReactiveConf 2018
• 21mBuilding Cross-Platform Component Libraries for Web and Native with ReactPerttu Lähteenlahtii · React Advanced 2021