Wednesday
Room 6 - Workshops
11:40 - 12:40
(UTC±00)
Workshop (60 min)
Part II: Real time event visualization in F# and Fable
In this two hour workshop, we will learn how to build a digital dashboard with real-time event visualization using F# and Fable (that compiles F# to Javascript).
We will start from the ground up checking out MVU pattern and Elm architecture and then proceed to more advanced topics like asynchronous operations and Web socket communication. Finally we will style our application using CSS imported with an F# type provider.
Workshop plan:
- What is Elm architecture?
- What is MVU pattern?
- Introduction to Fable and Fable/Elmish
- Writing a trivial Fable application
- Integrating Web services into a Fable application
- Implementing bidirectional communication using Web sockets
- Styling with CSS libraries and CSS F# type provider
- Using Visual Studio Code and Ionide to build and run the application
Prerequisites:
- Computer with Windows, Linux or MacOS
- Visual Studio Code with Ionide F# plugin
- Basic knowledge of F#
- Basic knowledge of HTML
- Knowledge of Javascript or CSS is not necessary