Sharing a Codebase with React & React Native

on YouTube ↗07m

" summary

Attempting to share web and React Native code for Cleo ends with concrete tradeoffs: a simple symlinks fail with Metro bundler experiment works for web but breaks RN; turning the shared file into a package hits yarn workspaces hoisting pain — Metro config, CI/CD changes, dedupe and version mismatch headaches — and a few hours of work show the maintenance cost outweighs the tiny payoff, so code is duplicated and rewritten with strict TypeScript instead.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 0:48History of Clio
3. 2:06React Native
4. 2:45Comparing Designs
5. 3:20The Holy Grail
6. 3:39The Challenge
7. 4:00Simlinks
8. 5:10Star Wars
9. 5:28Engineering Principles
10. 5:44Conclusion

" related talks

• 34mMonorepo: React Web & React NativeEugene Zharkov · React Alicante 2019
• 34mMonorepo: React Web & React NativeEugene Zharkov | ReactConfAM19 · React Conf Armenia 2019
• 59mOne Codebase to Rule Them All - Using React Native EverywhereJesse Weigel · NDC Minnesota 2019
• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019
• 35mBridging the Gap: How to use React Native in existing large native code basesLeland Richardson · ReactiveConf 2016
• 35mReact Native & Rails, A Single Codebase for Web & MobileBen Dixon · RailsConf 2017
• 34mChanging React Native... from within!Adam Foxman · React Native EU 2022
• 36mThe sorcery of building a cross platform Design System architectureKamlesh Chandnani · React Alicante 2022