react-solid-state
pokedex.js
react-solid-state | pokedex.js | |
---|---|---|
4 | 1 | |
185 | 0 | |
0.0% | - | |
1.8 | 3.5 | |
about 2 years ago | 9 months ago | |
TypeScript | 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.
react-solid-state
- SolidJS's truly reactive state management, in React
-
Do you think Solid is a much better version of React?
On one hand I agree with it, don't go with Solid and expect that you will 100% find a Solid job. On the other hand I think that unlike a lot of other frameworks, learning Solid could be useful even if you don't end up using it. You could even end up using Solid as a really good state management library for React https://github.com/solidjs/react-solid-state (at it's core Solid is just a state management library)
-
Solid.js feels like what I always wanted React to be
[2]: https://github.com/solidjs/react-solid-state
-
Deciding Between Solid and React for Production App
There's https://github.com/solidjs/react-solid-state for enabling Solid reactivity in React components. My plan is wire up a lot of my state management with Solid and that and then just continue using whatever React dependencies we're reliant on. If one of the Solid headless ui component libraries got mature enough, we could probably port completely then.
pokedex.js
-
Solid.js feels like what I always wanted React to be
I ran a profiling tool. I searched "zz" then deleted these.
Deleting it caused a 120ms UI freeze (and I notice it :p):
Profiling report: https://share.firefox.dev/3C3OhIq
Given I had slightly more entries (a hundred more) and that I had way more node per entry, it led me with way worse performance.
Instead of a plain list I have a little summary card per pokemon (which is why I have more node per entry).
The naive implementation in Vue run flawlessly(sadly no preview):
https://github.com/Kuinox/kuinox_pokedex/
Note that the react implementation do weird thing because I tried to get around the issue without success.
What are some alternatives?
Recoil - Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.
htm - Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
solid-start - SolidStart, the Solid app framework
solid-docs - Cumulative documentation for SolidJS and related packages.
Performance-Analysis-JS - Map/Reduce/Filter/Find Vs For loop Vs For each Vs Lodash vs Ramda
Tiger VNC - High performance, multi-platform VNC client and server