Full Stack Web in F#

on YouTube ↗37m

" summary

Builds a TodoMVC subset with the SAFE Stack and live coding, using Saturn + Fable + Elmish + Azure; implements GET and POST /api/todos backed by Azure Blob storage, compiles client F# to JavaScript with Fable, and runs an Elmish MVU client that fetches and displays todos. Adds delete and toggle features, persists changes (the demo shows 4 persisted todos), and uses watch/hot-recompile so edits run immediately.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 7:19Prerequisites
3. 7:57Remote Containers
4. 8:49Create the Application on Server Side in F Sharp
5. 9:21Web App
6. 17:34Saving to Server
7. 23:41User Interface
8. 28:33Practical Benefits
9. 31:17Remote Dev Tools Debugger
10. 31:50Full Stack Debugging in Visual Studio Code
11. 33:03Differences between Fable and Blazer
12. 35:40Resources Documentation

" related talks

• 01h 03mSAFE Stack: The Pit of Success for Functional Web ProgrammingIsaac Abraham · NDC Oslo 2021
• 54mFunctional Web Programming in .Net with the SAFE StackAnthony Brown · NDC Oslo 2019
• 01h 05mFunctional Web Programming in .Net with the SAFE StackAnthony Brown · NDC London 2019
• 50mFrontend in F#? Hold my beer!Vagif Abilov · NDC London 2020
• 55mF# and Fable: re-think web developmentMaxime Mangel · NDC Oslo 2018
• 46mSAFE apps with F# web stackTomasz Heimowski · Lambda Days 2018
• 01h 00mReinventing MVC pattern for web programming with F#Krzysztof Cieślak · NDC Oslo 2018
• 25mPure Functions & Paladins Building TTRPGS with F# and MVU (v1)Jack Danna · LambdaConf 2025