Performance-Analysis-JS
pokedex.js
Performance-Analysis-JS | pokedex.js | |
---|---|---|
2 | 1 | |
603 | 0 | |
- | - | |
10.0 | 3.5 | |
over 5 years ago | 9 months ago | |
JavaScript | TypeScript | |
- | - |
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.
Performance-Analysis-JS
-
In my 2 years of JavaScript I never knew you could label `for` loop at all?
Using a for loop will be more efficient because the construct doesn’t invoke a callback. Here’s one example but most jsperf searches will say the same thing.
-
Solid.js feels like what I always wanted React to be
https://github.com/dg92/Performance-Analysis-JS
The problem with JS is that the execution model is so nebulous, that performance advice basically boils down to - trust in Google.
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?
Cycle.js - A functional and reactive JavaScript framework for predictable code
htm - Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
react-solid-state - Auto tracking state management for modern React
solid-docs - Cumulative documentation for SolidJS and related packages.
eslint-plugin-no-loops - It's 2024 and you still use loops?
solid-start - SolidStart, the Solid app framework