Feliz
React
Feliz | React | |
---|---|---|
20 | 1,720 | |
522 | 223,895 | |
- | 0.9% | |
5.0 | 9.9 | |
5 days ago | 6 days ago | |
F# | JavaScript | |
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.
Feliz
-
Exploring a foreign F# codebase
NOTE: You can try this with the Feliz codebase, which is larger and has multiple .fsproj files. But as you will find out, the project structure is laid out just like we've seen here.
-
What do people use for REST APIs and Web Development now?
Feliz to create react apps, the most mature option.
-
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.
-
OCaml programmer with some noob F# ecosystem questions
Feliz is a DSL for React, and paired with Vite give a hot reload experience that's close to the same as JS/TS, even the React dev tools work fine. Nobody has a ready to go package/template up right now but there's little stopping you from creating a NextJS app.
-
"redesign" of my Terminal.Gui.Elmish Project
It means it's similar to the Feliz DSL used to build React web apps: https://zaid-ajaj.github.io/Feliz/
-
Exploring The F# Frontend Landscape
Feliz
- A fresh retake of the React API in Fable
-
Minimalistic fluent api in C# to create complex reactive Avalonia applications
I'm curious to see how this goes, F# seems to excel at these type of DSL's (e.g. Feliz, a react DSL is a joy), a big part thanks to type inference and list comprehensions which are a game changer for that pesky conditional rendering.
-
F# and WebAssembly
if you've ever used Feliz or Avalonia.FuncUI then this DSL will make you feel at home, it's less verbose than the original DSL and gives you basically the same benefits, in the case of Fun.Blazor is slightly less performant but it is a viable alternative
-
Fable is a compiler that brings F# into the JavaScript ecosystem
Along with Fable highly recommend a look at Feliz. A joy to work with and its ViewEngine can also be separately used w/ Giraffe if you enjoy the syntax:
https://zaid-ajaj.github.io/Feliz/
https://github.com/Zaid-Ajaj/Feliz
React
-
Building a Travel Agency Website with the Rapyd Payment Gateway
React.js
-
Not 💩, here's how to write actually good commit messages (hint: It's not just adding commit-lint)
See the releases section of the React codebase, and see how many reactions each release note has!
-
Why, after 6 years, I'm over GraphQL
You know you can just check before making these claims?
> In fact, for years, react didn't even tell in the doc you could use it without a transpiler so people had to learn a whole build chain before even getting to the hello world.
React's original documentation site from June of 2013 (when React was first introduced):
https://web.archive.org/web/20130607085014/http://facebook.g...
Feel free to click around that original documentation site.
Here's the README.md from the commit at the same time:
https://github.com/facebook/react/tree/a41aa76ef36471ba07b29...
> You'll notice that we used an XML-like syntax; we call it JSX. JSX is not required to use React, but it makes code more readable, and writing it feels like writing HTML. A simple transform is included with React that allows converting JSX into native JavaScript for browsers to digest.
At this point I would kindly ask you to go away.
-
Mastering React: A Mindset for Component-Centric Development
For further insights, refer to the React documentation to learn more about the library.
- 🍒 Cherry-Picked Nx v19 Updates
-
Deploy a Static React Site Using AWS S3 and CloudFront
To get started, let's quickly create a sample React app that has a build configured to export a static site. Even if you have a project in mind to deploy, I recommend going through the motions with a simple sample site, as you may run into implementation specific issues with your project & if you've never gone through the motions, it can be hard to determine whether you made a mistake in the deployment processes or if there are implementation specific issues you're facing.
- Comment bien gérer les erreurs avec Remix ? (ErrorBoundary)
-
Series - Converting Large Codebase Project to Vite
In the company I work at, our frontend codebase consists of couple of thousands files. The framework is React 16 and the bundler used was webpack 4.
-
Introducing Rocketicons: The Perfect Companion for React and Tailwind CSS Developers
Enter React, React Native, and Expo. By unifying our development stack, we streamlined our workflow considerably. Yet, one crucial piece was missing: a comprehensive library for essential tasks like icons and components. As we delved further into our development journey, we realized there were more gaps to fill, including robust boilerplates and other essential necessities.
-
Introduction to Frontend: React, Creating a Single Page App
React doc: https://react.dev/
What are some alternatives?
fable-react - Fable bindings and helpers for React and React Native
qwik - Instant-loading web apps, without effort
elmish - Elm-like abstractions for F# apps
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
Fable: F# |> BABEL - F# to JavaScript, TypeScript, Python, Rust and Dart Compiler
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
Fable.Lit - Write Fable Elmish apps with Lit
SvelteKit - web development, streamlined
awesome-fable-react-native - An awesome list about to use Fable with ReactNative 🧚♀️
lit-element - LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.
Sutil - Lightweight front-end framework for F# / Fable. No dependencies.
Tailwind CSS - A utility-first CSS framework for rapid UI development.