Fable.Lit
vite
Fable.Lit | vite | |
---|---|---|
9 | 804 | |
90 | 65,479 | |
- | 1.1% | |
0.0 | 9.8 | |
over 1 year ago | 5 days ago | |
F# | TypeScript | |
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.
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!
vite
- Migrando do CRA para Vite
-
Why and How to Migrate Your React App from CRA to Vite
In Vite, legacy browsers can be supported via the official @vitejs/plugin-legacy plugin, it also provides Browselist like configuration.
-
Switching to Vite from React-Scripts
I have a silly react project that Iām working on that I made using create-react-app. By default, these kinds of projects build and run using react-scripts which uses webpack under the hood for building projects. Vite is generally known to be faster than Webpack ā” so I was curious about how to swap them.
-
Converting couple thousands Js/Ts files that contains JSX content to jsx extension
Without a transpiler in the process, the jsx left as is: https://github.com/vitejs/vite/discussions/3448
-
Series - Converting Large Codebase Project to Vite
We wanted to change the bundler to vite for two main reasons:
-
How to Start & Setup a React project in 2024 (7 Different Ways Based on Use Cases)
You can see all create-vite templates for other libraries. You can also learn more about vite in its documentation website.
-
Svelte Series-2: How to install Svelte
After we have installed the Node environment, we can use Vite to install. Because the use of Vite has a higher version of Node.js requirements, so I recommend that you install a relatively new Node.js. currently I use the version for v18.15.0.
-
š«š· Base d'une application RiotJS avec Vite
import { defineConfig } from 'vite' import riot from 'rollup-plugin-riot' export default defineConfig({ root : process.cwd() + '/client', plugins : [riot()], build: { minify : 'esbuild', /** https://vitejs.dev/config/build-options.html#build-minify */ target : 'esnext' /** https://vitejs.dev/config/build-options.html#build-target */ } })
-
Comparing Hattip vs. Express.js for modern app development
As of this writing, initializing a Hattip project requires some manual commands. However, keep in mind that a zero-config development environment based on Vite is in the works.
-
React TypeScript - Vite + React
import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], server: { port: 4200, } })
What are some alternatives?
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
Next.js - The React Framework
fast - The adaptive interface system for modern web experiences.
parcel - The zero configuration build tool for the web. š¦š
Fable: F# |> BABEL - F# to JavaScript, TypeScript, Python, Rust and Dart Compiler
esbuild - An extremely fast bundler for the web
React - The library for web and native user interfaces.
swc - Rust-based platform for the Web
fable-react - Fable bindings and helpers for React and React Native
astro - The web framework for content-driven websites. āļø Star to support our work!
fs-components
Rollup - Next-generation ES module bundler