Modern app development with Fable and React Native
summary
Production React Native meter‑reading app runs offline, uses Fable (F#→JS) and elmish (Model‑View‑Update) to enforce modular UI, hot reload for fast iteration, and a single serializable app model so reported states can be replayed locally. Initial integration required hand‑writing React Native bindings then upstreaming them; after that the codebase is mostly pure MVU and the first release ships with zero bugs reported. Debugging uses console traces and Redux time‑travel.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 3:39Modern app principles
- 8:46Mutable state to MVU
- 13:06Counter with Fable Elmish
- 20:18Modular MVU components
- 27:01Debugging with Redux tools
- 33:36React virtual DOM
- 39:21Elmish commands side effects
- 44:01Navigation state management
- 51:29Styling React Native
- 57:44Production showcase
- 59:49Fable F# JavaScript bridge
- 1:01:59Production performance
- 1:02:20Resources and closing
related talks
27mBuilding high quality mobile apps with React Native
35mMigration Web (Angular) to Mobile Development (React Native)
41mReact Native - A native love story
11mTrailing React Native in a Legacy Mobile App
37mMicro Frontends for Mobile
31mRewriting a Large Hybrid App with React Native
01h 01mReact Native: A Better Way to Do Mobile
27mReact Native: From pure Web app to a Web & Mobile hybrid