F# and Fable: re-think web development
summary
Shows that using Fable (F#→JavaScript) with Elmish gives real compile-time guarantees for code and CSS and a live-edit workflow. Builds several concrete apps: a typed counter and list with undo/redo-like state replay, a geolocation-driven Leaflet map with markers/popups, and serialized network messages; all compile to modern JS and run in the browser. Demonstrates how compile-time checks catch class-name and string-shape errors and how the generated JS integrates with existing libraries.
AI-written summary · about
chapters (10)
- 0:00F# and Fable introduction
- 1:54Why choose Fable for web
- 3:30Fable app demo
- 10:00State management in Fable
- 19:30Data models and manipulation
- 27:36Affichage de la position utilisateur
- 37:50Dynamic interfaces
- 44:27Markers and events handling
- 50:22Data decoding formats
- 55:05Conclusion et questions
related talks
01h 01mConquer the JavaScript ecosystem with F# and Fable!
42mPractical Introduction to Building Browser Apps with F# and Fable
50mFrontend in F#? Hold my beer!
31mHacking F# in JS ecosystem
42mHacking F# in JS ecosystem
37mFull Stack Web in F#
49mFunctional Web Development in F#
38mConfident Frontend with Elm