mam_mol
react-18
Our great sponsors
mam_mol | react-18 | |
---|---|---|
19 | 139 | |
643 | 5,173 | |
2.0% | 0.2% | |
9.8 | 0.0 | |
7 days ago | almost 3 years ago | |
TypeScript | ||
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.
mam_mol
-
Reactive Tech from the Future
$mol_key (1 KB) - unique key for structures
And for those who, for some reason, are not yet ready to completely switch to the $mol framework, we have prepared several independent micro-libraries:
-
Really Reactive React
Well, let's cure the patient, and at the same time show the ease of integration of the reactive library $mol_wire into a completely foreign architecture.
-
Perfect Reactive Dependency Tracking
We have omitted some methods here. The complete set can be found in the sources $mol_wire_set.
-
Reactivity Practicality in Popular JS Libraries
As you can see, proceduralism is more popular here, which is also not the most practical approach. And the most practical thing here is Vue. Only $mol is cooler than it, but there is no point in considering it separately as a framework, because it simply uses the $mol_wire library as a circulatory system, and we have already analyzed it earlier.
- React I Love You, but You're Bringing Me Down
-
Humane API REST Protocol
These functions are poorly typed. In the sense that they don't know anything about graph structure. But we can declare a schema using, for example, $hyoo_harp_scheme based on $mol_data:
-
Designing the ideal reactivity system
$mol_key (1 KB) - unique key for structures
And for those who, for whatever reason, are not yet ready to completely switch to $mol framework, we have prepared several independent microlibraries:
- MAM: build frontend without pain
react-18
- A modest request: How do you fetch data in React 18+ WITHOUT a third party dependency?
-
The Sisyphean Quest for Web Performance
Image Source: https://github.com/reactwg/react-18/discussions/37
-
The current state of CSS-in-JS + React
The React working group is officially advising against using runtime CSS-in-JS.
-
[AskJS] How well received was React's transition from class to function based components?
Interesting about the feedback, thanks for the clarification. In general what I'm thinking of is PR's like this one in React where you see lots of back and forth from the community to get things right. Looking at Vue trying to transition from 2 to 3 and even Python from 2 to 3, it seems like it's not easy. I might be making an unfair comparison here though, I don't know much about those transitions except from what I've heard.
-
alternatives to useReducer for heavy async flows
Redux with sagas is a great hint to a solution that is only a small tweak of what you currently do. You need middlewares (that's what makes sagas possible)! Contrary to what some may suggest, you actually don't need to use external state management to get middlewares, as you can integrate an enhancer to useReducer itself. And you should be aware that moving off-react state management "updates triggered by external stores are always synchronous" meaning you're losing startTransition powers.
- Why Tailwindcss over styled-components?
-
Is there a dedicated ui library dedicated for server component?
Anything that uses css-in-js (styled-components / emotion) won't currently work properly: https://beta.nextjs.org/docs/styling/css-in-js the problem isn't related to emotions SSR strategy as that relates to client components being statically pre-rendered. The problem actually relates to the implementation of these solutions as they do not work very well with the new concurrent rendering patterns of react 18 and they haven't completed the upgrade process explained here: https://github.com/reactwg/react-18/discussions/110 this will be a pretty large fundamental change to emotion, so may take a fair while to fully support it, especially given that next's app folder is still a beta feature :)
-
CSS vs CSS-in-JS performance
In React 18 and onwards runtime css-in-js libs will have significant performance issues for concurrent rendering, recomputing inline styles repeatedly and redundantly; https://github.com/reactwg/react-18/discussions/110 . Facebook have no real interest into fixing this I believe (I assume it would be hard with unwanted trade-offs). Facebook themselves use a buildtime css-in-js lib(not open source).
-
Just watched Fireship's video "7 Ways to Deal With CSS". What's your Favourite and Why?
I switched back to SASS modules in NextJS due to the issue with runtime CSS-in-JS in NextJS18 and onwards: https://github.com/reactwg/react-18/discussions/110
-
Why We're Breaking Up with CSS-in-JS
1. Frequently inserting CSS rules forces the browser to do a lot of extra work. Sebastian Markbåge, member of the React core team and the original designer of React Hooks, wrote an extremely informative discussion in the React 18 working group about how CSS-in-JS libraries would need to change to work with React 18, and about the future of runtime CSS-in-JS in general. In particular, he says:
What are some alternatives?
Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
htmx - </> htmx - high power tools for HTML
petite-vue - 6kb subset of Vue optimized for progressive enhancement
react-query - 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]
React - The library for web and native user interfaces.
zustand - 🐻 Bear necessities for state management in React
rfcs - RFCs for substantial changes / feature additions to Vue core
vite - Next generation frontend tooling. It's fast!
prepack - A JavaScript bundle optimizer.
react-redux - Official React bindings for Redux
rfcs - RFCs for changes to React
overreacted.io - Personal blog by Dan Abramov.