F# can be transpiled to JavaScript via the Fable project, offering a powerful alternative to vanilla JavaScript in the browser. Vite, having conquered the front-end world, is the preferred tool for many developers when starting a new front-end application.

What sets Vite apart is its exceptional plugin system. The integration of Fable within this system presents a fascinating case study, marking a blend of JavaScript tooling (Node, Deno, Bun) with dotnet. In this talk, I'll delve into the technical aspects of running transpiled F# code in the browser using the Vite development server, and also discuss the developer experience and design considerations relevant to this use case.

Prepare to explore the synergies between F#, Fable, and Vite, and understand the craft of bridging diverse ecosystems to enhance the developer experience.

Florian Verdonck
I'm Florian, a freelance software craftsman.

I do consultancy, training and open-source development.
Currently, I'm active in the F# community, working on the compiler and tooling.
https://github.com/nojaf/
https://blog.nojaf.com/
https://amplifyingfsharp.io/

Video sponsor – Ada Beat
https://adabeat.com

Merch
If you want to spread functional programming and support the channel, buy something from the shop:
https://funcprogsweden.myspreadshop.net/

Chapters:
00:00 Introduction by Magnus Sedlacek
02:04 Ada Beat is the video sponsor
03:52 Welcome Florian Verdonck
04:30 Who am I
05:15 Building a Vite plugin for F#
07:47 Tell me why?
08:30 Demo old world
15:48 Reflections
18:09 Demo new world
23:02 How does it work?
24:45 Vite plugin
27:47 Challenges
33:42 Writing a Vite plugin
37:19 Maybe baby
42:15 Amplifying F#
44:54 Q&A

#funcprogsweden