React Native & Rails, A Single Codebase for Web & Mobile

on YouTube ↗35m

" summary

Claim: a single React codebase can share the vast majority of business logic between web, iOS and Android so adding a native platform costs roughly +10% effort per platform. Stack specifics: Rails JSON API, React DOM + React Native, router, Redux state, and Redux Saga for async side effects; Ignite generator bootstraps projects. A sample geologger (web + iOS) is open source and works. Watch for .babelrc caching bugs on native packager and always run it with --resetCache after changes.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 7:23Typical React Stack
3. 12:45Side Effects Asynchronous Stuff
4. 22:38Restructure
5. 25:54Example Project

" related talks

• 59mOne Codebase to Rule Them All - Using React Native EverywhereJesse Weigel · NDC Minnesota 2019
• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019
• 30mJesse Weigel - One Codebase to Rule Them All - Using React Native EverywhereJesse Weigel · React Loop 2019
• 34mMonorepo: React Web & React NativeEugene Zharkov · React Alicante 2019
• 29mOrganizing Code for Cross-Platform Web and Mobile DevelopmentRobert Scarano · Chain React 2018
• 41mReact Native - A native love storyEnes Kaya · code.talks 2017
• 25mGoing NativeAnna Doubkova · ReactiveConf 2018
• 53mTwo platforms, one codebase: Cross-platform React and React Native app at SportsbetBen Teese · NDC Sydney 2018