SAFE apps with F# web stack

on YouTube ↗46m

" summary

End-to-end F# stack delivers a concrete demo: a voting form with name comment and three-score choices implemented with Suave Azure Fable Elmish, client and server share F# types and use Fable remoting, hot module replacement preserves the client state while editing, and the app compiles and runs locally. A Docker image is built and pushed and the app is deployed to Azure Web App for Containers, with votes and comments visible and Docker image pushed successfully.

AI-written summary · about

" chapters (39)

1. 0:00Introduction
2. 0:25Sponsor
3. 0:52Disclaimer
4. 1:18Goal
5. 1:39Web stack
6. 2:13Fsharp web stack
7. 2:36X
8. 3:26F
9. 3:48Elvish
10. 4:34Voting
11. 5:45Installing SAFE template
12. 6:14Creating SAFE project
13. 6:36Architecture
14. 8:42Server Design
15. 10:45Server Module
16. 14:25Demo
17. 14:49CSS changes
18. 15:09Lambda Days Logo
19. 16:03Lambda Days Log
20. 17:29Name
21. 17:55Submit
22. 18:45Score
23. 21:32Score Icon
24. 22:10Client Side Debugging
25. 24:45Binding fields
26. 27:05Debugging
27. 28:13HotModule Replacement
28. 28:42Time travel debugger
29. 28:57React dev tools
30. 29:29Server side
31. 34:31Voting results
32. 37:02Form box
33. 38:13User interface
34. 39:29Output comments
35. 40:32Recap
36. 40:43Deploy
37. 42:20dockerfile
38. 43:12resources
39. 44:45QR code generator

" related talks

• 01h 03mSAFE Stack: The Pit of Success for Functional Web ProgrammingIsaac Abraham · NDC Oslo 2021
• 37mFull Stack Web in F#Tomasz Heimowski · Øredev 2019
• 54mFunctional Web Programming in .Net with the SAFE StackAnthony Brown · NDC Oslo 2019
• 49mFunctional Web Development in F#Sergey Kalinets · .NET Fest 2017
• 55mFunctional web applications using F# and suaveThomas Jansson · NDC Oslo 2016
• 50mFrontend in F#? Hold my beer!Vagif Abilov · NDC London 2020
• 55mF# and Fable: re-think web developmentMaxime Mangel · NDC Oslo 2018
• 01h 05mFunctional Web Programming in .Net with the SAFE StackAnthony Brown · NDC London 2019