Giraffe.Htmx
Fable.Lit
Our great sponsors
Giraffe.Htmx | Fable.Lit | |
---|---|---|
2 | 9 | |
72 | 83 | |
- | - | |
6.2 | 0.0 | |
about 1 month ago | about 1 year ago | |
F# | F# | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Giraffe.Htmx
-
What do people use for REST APIs and Web Development now?
HTMX support for HTMX support (can be combined with others above, Lit could be a good fit)
-
Introducing Giraffe.Htmx
Head over to the project site for NuGet links and more examples!
Fable.Lit
-
How do I understand the build system in modern F# web projects?
The other major frameworks I use are tailwindcss for styling and Fable.Lit for the views.
-
What do people use for REST APIs and Web Development now?
Lit for Lit components.
- [Presentation] Fable.Lit
-
F(#)ront-end Experience like Re-Frame (clojure(script))?
The Feliz DSL https://zaid-ajaj.github.io/Feliz/ looks fairly similar to Reagent or there's Fable.Lit https://fable.io/Fable.Lit/ which is more like jsx in that you write the html directly, adding active components via interpolated string mechanisms. There is a VS Code add in that gives you html+css syntax highlighting and auto complete inside your F# files.
-
Exploring The F# Frontend Landscape
This is my personal favorite one when it comes to Fable options, Fable.Lit builds on top of lit.dev which is a web component library built on web standards. It brings performant straightforward and inter-framework compatible components to the F# FE landscape since Lit works with DOM elements themselves rather than abstractions you can manipulate component instances like if you were doing vanilla JavaScript except that you can use the F# safety for that.
-
Building a Webpack alternative in F#
Around September vite got traction with the vue user base and other users as well. I also studied a bit the vite source code, and even used it for some Fable material for posts. I was trying to make some awareness of Fable.Lit support for Web Components and I wanted to experiment in reality how good vite was, and boi it's awesome If you're starting new projects that depend on node tooling in my opinion, it's your best bet.
-
Fable is a compiler that brings F# into the JavaScript ecosystem
I don't know a ton about Fable, but they recently wrapped Google's Lit to allow building functional templating and web components in it: https://fable.io/Fable.Lit/
Seems like a neat project.
-
Creating Web Components with Fable.Lit
Try Lit.Fable today!
-
Using lit-html with F#
Check the fable.lit github repository to see also ways to interact with inter-operate Lit + React within Fable!
What are some alternatives?
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
vite - Next generation frontend tooling. It's fast!
Angular - Deliver web apps with confidence 🚀
Feliz - A fresh retake of the React API in Fable and a collection of high-quality components to build React applications in F#, optimized for happiness
Hawaii - dotnet CLI tool to generate type-safe F# and Fable clients from OpenAPI/Swagger or OData services
fast - The adaptive interface system for modern web experiences.
Sutil - Lightweight front-end framework for F# / Fable. No dependencies.
Fable: F# |> BABEL - F# to JavaScript, TypeScript, Python, Rust and Dart Compiler
Giraffe - A native functional ASP.NET Core web framework for F# developers.
React - The library for web and native user interfaces.
fable-react - Fable bindings and helpers for React and React Native