Thread by @OnurGumusDev

My 20 tips recipe for #fsharp web dev for fairly complex app, @fsharponline
1- Go MultiPage, Micro-frontends: A good book is here
manning.com/books/micro-fr…
2-Use HTMX with giraffe but not Giraffe.HTMX, nor any engine just plain string interpolation with
Highlight templates in F#

3- For htmx use my fork as it supports shadow dom with more proper form validation, just grab the js file
github.com/OnurGumus/htmx…
Use with alpine not hyperscript as alpinejs supports shadow dom
4- For shadow dom support you need to call process elements and alpine's initTree

5- Use Fable.Lit along with Vite for dynamic parts of app. Just bring your tag from serverside via htmx and Lit will render it. Bam!

6- Use Monolithic Elmish but also use Elmish store to break monolithsm where desired.

7- Separate state section (init and update) functions and render (view) into separate projects, so you can test your init update from a .net test project.

8- Use alt.cover for test coverage with CRAP score

9-For Fable.Lit use both shadowed and not shadowed elements

10- For backend, consider using CQRS via actors. For database if not required, choose SQLite with SQLProvider

11- Use DevContainers as on MacOS http2 is not supported but only on linux. Required for proper web benchmarking.

12- Consider using BDD via TickSpec
github.com/fsprojects/Tic…

13- For automation tests, consider using Playwright or Puppeteer.

14- Use Paket and Fake

15- WebSharper, Bolero and Fun.Blazor is equally good if you like more opinionated UI

16- Use Fable.Remoting for calls and Fable.Elmish.Bridge for web socketing

17- Remember you can embed React inside Fable.Lit (both in Feliz or TypeScript from)

18- In serverside use UseSPA extension from Microsoft.AspNetCore.SpaServices.Extensions package

19- Use Type safety with Fable.Aether optics library
github.com/et1975/fable-a…

20- Feel free to ping me for any questions about. I will gladly help.