Fable.Lit
elmish
Fable.Lit | elmish | |
---|---|---|
9 | 14 | |
90 | 820 | |
- | 1.6% | |
0.0 | 4.4 | |
over 1 year ago | 2 months ago | |
F# | F# | |
MIT License | GNU General Public License v3.0 or later |
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.
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!
elmish
- A new F# compiler feature: graph-based type-checking
-
ASP.NET Core Blazor
For those interested in .NET languages with alternative compilation targets, Elmish (https://elmish.github.io/elmish/) is pretty unique.
We use F# on the front end (instead of TS), and thanks to the Fable compiler (which transpiles F# to JS, Python, Dart, PHP and Rust), most of the benefits of an Elm-style model in the UI can be ported to all sorts of different outputs languages. The rust target is in beta, but its promising because the WASM bundle size stands to be dramatically lower.
While the default is reactivity library for Elmish is React, you can swap in Avalonia/FuncUI (https://github.com/fsprojects/Avalonia.FuncUI) pretty easily as well.
-
Building React Components Using Unions in TypeScript
Naturally I’d recommend using a better language such as ReScript or Elm or PureScript or F#‘s Fable + Elmish, but “React” is the king right now and people perceive TypeScript as “less risky” for jobs/hiring, so here we are.
-
F(#)ront-end Experience like Re-Frame (clojure(script))?
Since you're familiar with React + Reframe, you can try Elmish! You can use F# to write [Elmish](https://elmish.github.io/elmish/) apps. It takes the Elm approach to building apps.
-
Produce what exactly?
Who’s paying for this? https://github.com/elmish/elmish
-
Should I pick up OCaml or Haskell?
Try F# with Elmish.
-
Functional Reactive Programming
Maybe elmish could be of interest to you? https://github.com/elmish/elmish
-
Has TypeScript made you a better developer?
I never tried Elm directly, but I have used the F# equivalent Elmish - super productive idea.
-
F# and WebAssembly
You can also get nested templates, bind inputs, and radios for example by the way don't be scared by the mutable keyword right there is just to show a brief example in a normal situation you would likely be using Elmish
-
Managing State in Comet
Comet promotes a variation of the Model-View-Update pattern popularized by The Elm Architecture, Elmish, Fabulous and others. The major parts of MVU are:
What are some alternatives?
vite - Next generation frontend tooling. It's fast!
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
type-challenges - Collection of TypeScript type challenges with online judge
fast - The adaptive interface system for modern web experiences.
Fable: F# |> BABEL - F# to JavaScript, TypeScript, Python, Rust and Dart Compiler
Sutil - Lightweight front-end framework for F# / Fable. No dependencies.
React - The library for web and native user interfaces.
Bolero - Bolero brings Blazor to F# developers with an easy to use Model-View-Update architecture, HTML combinators, hot reloaded templates, type-safe endpoints, advanced routing and remoting capabilities, and more.
fable-react - Fable bindings and helpers for React and React Native
ionide-vscode-fsharp - VS Code plugin for F# development