Universal React

on YouTube ↗29m

" summary

Argues for sharing libraries not whole apps and shows concrete tools and patterns that work: a mono-repo with Lerna hosting platforms, core and libraries; a webpack + Babel transpile for RN and web build pipeline; platform file extensions and inlined platform calls to keep performance; a published async-storage unified module and react-navigation that ships web logic plus mobile tab/drawer/stack UIs. Claims universal UI primitives beat DOM-specific components and reports these techniques successfully power cross-platform projects.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 0:06welcome the next speaker mike hrabowski universal react
3. 1:54start with architecture overview of a typical app
4. 2:37porting your existing code base over to a new platform
5. 17:32organize our code into the multi package repository
6. 18:30automate the process of working with your codebase
7. 19:03working on bringing web packs to react natives
8. 22:32override default implementations by creating platform specific files

" related talks

• 34mMonorepo: React Web & React NativeEugene Zharkov | ReactConfAM19 · React Conf Armenia 2019
• 27mUp and Running with Universal ComponentsKurtis Kemple, Samantha Bretous · ReactEurope 2018
• 25mUniversal React Applications with ReduxBradley Spaulding · JSConf US 2018
• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019
• 34mMonorepo: React Web & React NativeEugene Zharkov · React Alicante 2019
• 21mBuilding Cross-Platform Component Libraries for Web and Native with ReactPerttu Lähteenlahtii · React Advanced 2021
• 39mUniversal JavaScript Web Applications with ReactLuciano Mammino · Codemotion Milan 2016
• 24mReact EverywhereLadislav Navratil · ReactiveConf 2019