uix
React
uix | React | |
---|---|---|
1 | 1,720 | |
428 | 223,895 | |
- | 0.9% | |
0.0 | 9.9 | |
9 months ago | 5 days ago | |
HTML | JavaScript | |
Eclipse Public License 2.0 | 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.
uix
-
React.dev
> But Reagent supports functional components as well, with hooks and all.
I addressed this already: while reagent is able to emit function components, there is a performance penalty to this.[1]
> I also very much like Hiccup, and so do many of us, because code is data and data is code, and Helix has decided not to support that.
Hiccup is convenient to write, but it is a constant run-time cost and a significant storage cost given that you have to store long series of constructors to cljs.core.PersistentVector in your bundle, have the JS runtime actually construct the vector, then pass it through a Hiccup interpreter to finally produce DOM nodes and throw away the persistent vector, only to repeat this entire process again on re-render.[2]
> Helix has decided not to support that.
That is simply not true. From the Helix documentation[2],
> If you want to use libraries like sablono, hicada or even hx hiccup parser, you can easily add that by creating a custom macro.
These are all Hiccup interpreters you can readily use.
IME there is very little difference between using the $ macro in Helix and writing Hiccup. I do not really miss Hiccup when I use Helix, and you still have data as code ;)
While this is from an unrelated project, there are benchmarks[3] done against Reagent that demonstrate the sheer overhead it has. In practice it is not a big problem if you rarely trigger a re-render, but otherwise it is a non-trivial cost, and if you want to use modern React features (like Suspense), there is a lot of r/as-element mingling going on, converting cases, etc. that simply make Reagent feel more tedious to use than Helix.
Also, the newer UIx2, which largely borrows from Helix, is "3.2x faster than Reagent" according to one of the contributors.[4]
I think it'd be worthwhile to benchmark all of these libraries against each other and record the data in one place. Maybe I'll get around to doing it this weekend :)
---
[1] https://github.com/reagent-project/reagent/blob/master/doc/R...
[2] https://github.com/lilactown/helix/blob/master/docs/faq.md#w...
[3] https://github.com/roman01la/uix#benchmarks
[4] https://github.com/pitch-io/uix/pull/12
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?
helix - A simple, easy to use library for React development in ClojureScript.
qwik - Instant-loading web apps, without effort
racing-game-cljs - A 3D racing game built with ClojureScript, React and ThreeJS
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
instantsearch - ⚡️ Libraries for building performant and instant search and recommend experiences with Algolia. Compatible with JavaScript, TypeScript, React and Vue.
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
uix - Idiomatic ClojureScript interface to modern React.js
SvelteKit - web development, streamlined
reagent - A minimalistic ClojureScript interface to React.js
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.
klipse - Klipse is a JavaScript plugin for embedding interactive code snippets in tech blogs.
Tailwind CSS - A utility-first CSS framework for rapid UI development.