mam_mol
react-18
Our great sponsors
mam_mol | react-18 | |
---|---|---|
19 | 139 | |
651 | 5,173 | |
3.4% | 0.2% | |
9.8 | 0.0 | |
5 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
- $mol – fastest reactive micro-modular compact flexible lazy UI web framework
-
Reactive Tech from the Future
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:
-
Reactive DOM
Do you want to try ReactiveDOM in action right now? I published a prototype of the polyfill $mol_wire_dom.
-
Reactive JSX
To do this, we will first take $mol_jsx, which is the same as E4X creates real DOM nodes, not virtual ones:
-
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.
-
Reactive Interactions with External Systems
$mol_wire_sync makes any API synchronous.
- $mol Cheat Sheet by Milis (2 pages) #programming
- $mol - Reactive micro-modular UI framework. Very simple, but very powerful!
react-18
-
Simulate global state tradeoffs in React concurrent mode
If you aren't sure why state tearing was a hot topic a few years ago, when React's concurrent mode was first discussed, this github discussion should help: https://github.com/reactwg/react-18/discussions/69.
Tanner Linsley had a great post on twitter that suggested that concurrent rendering was fundamentally at odds with fine-grained reactivity, so to better understand what he was talking about I decided to write this demo.
- 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
-
useAsyncState in react, no more unnecessary useEffects.
But it does since React 18.
-
Function props
See this post for more details and an example of an actual memory leak.
-
ELI5, why is ReactDOM.createRoot an improvement over ReactDOM.render?
From the React WG:
- I know my component is re-rendering because a console.log I put in the component is logging in the console. However when I use the inspector to see why it re-rendered, its saying that it didnt re-render. How is this possible?
- Timeout in event handler
-
The current state of CSS-in-JS + React
The React working group is officially advising against using runtime CSS-in-JS.
- Warning abt setting state of unmounted component
What are some alternatives?
mol - $mol - fastest reactive micro-modular compact flexible lazy ui web framework. [Moved to: https://github.com/hyoo-ru/mam_mol]
Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
tree.d - Tree - simple fast compact user-readable binary-safe extensible structural format
htmx - </> htmx - high power tools for HTML
marked.hyoo.ru - MarkedText - simpliest usefull lightweight markup language, better alternative to MarkDown
petite-vue - 6kb subset of Vue optimized for progressive enhancement
react-redux-realworld-example-app - Exemplary real world application built with React + Redux
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]
vscode-language-tree - VSCode tree format support
React - The library for web and native user interfaces.
herina - A toolkit providing dynamic ability for React Native App.
zustand - 🐻 Bear necessities for state management in React