Solid remporte 5 catégories sur 6, React 1, none à égalitéLes cas limites entrent dans le compte dès que vous lancez les tests en direct ci-dessous. Ils sont mesurés dans votre navigateur, pas stockés ici.
Cas limites
Pas encore lancéQuatre situations ordinaires qui s’exécutent côte à côte dans votre navigateur. Appuyez sur « Lancer » sur un cas et lisez ce qui se passe ; rien ici n’est enregistré à l’avance.Une réponse périmée écrase la plus récenteCliquez dans une liste plus vite que le serveur ne répond.LancerReact○Pas encore lancéThe effect calls setState with whatever the request returns, with no cancellation. Ignoring a response that is no longer current takes a cancel flag or an AbortController inside the effect.Solid○Pas encore lancéAfficher le code10 000 lignes de hauteur irrégulièreFaites défiler une longue liste où chaque ligne a une hauteur différente.LancerReact○Pas encore lancéEvery row is rendered by a plain .map() over the data. Rendering only the rows on screen takes a virtualization library and a way to measure each row, since the heights differ.Solid○Pas encore lancéAfficher le codeAbonnements après 100 cycles de montageMontez et démontez cent fois un composant abonné.LancerReact○Pas encore lancéThe effect subscribes and returns nothing. Releasing the subscription takes a cleanup function returned from every effect that subscribes.Solid○Pas encore lancéAfficher le codeUn élément cassé fait tomber tout l’arbrePlacez des données mal formées dans une carte sur vingt.LancerReact○Pas encore lancéWith no ErrorBoundary above it, a throw during render takes the whole tree down. Keeping the rest of the list on screen takes an ErrorBoundary component around every part that may throw.Solid○Pas encore lancéAfficher le code
Code
React 1 sur 4, Solid 3 sur 4 · Solid devantCombien il y a à lire, et quelle part appartient à quelqu’un d’autre.ReactSolidLines of code (TodoMVC)——Non compté : pas de données pour SolidFewer lines to read when someone else picks the project up. Counts the code you write and maintain yourself, not a stylesheet you installed from npm.npm packages shipped31Solid est 67% en dessous de ReactHow many npm packages end up inside the bundle the browser downloads. This is code your users execute, not code your build machine reads.Distinct `node_modules/<package>` paths in the `sources` of the production build sourcemaps. Scaffolded on 2026-08-13 with each framework's own getting-started command: react `npm create vite@latest app -- --template react-ts`; vue `npm create vue@latest app -- --default`; svelte `npx sv create app --template minimal --types ts --no-add-ons --install npm`; solid `npm create solid@latest app -- --vanilla --ts --template basic`; angular `npx @angular/cli@21 new app --defaults --skip-git --package-manager=npm`; $mol `git clone --depth 1 https://github.com/hyoo-ru/mam.git app && npm install`. For $mol, the sourcemap of the deployed todomvc.hyoo.ru bundle.Reactreact.dev/learn/build-a-react-app-from-scratch2026-08-13Soliddocs.solidjs.com/quick-start2026-08-13Dev dependencies declared95Solid est 44% en dessous de ReactPackages the starter project names in its own package.json. Build-time tooling included: this is the list your development environment inherits, not what reaches the browser.Entries in `dependencies` plus `devDependencies` of a fresh starter project. Scaffolded on 2026-08-13 with each framework's own getting-started command: react `npm create vite@latest app -- --template react-ts`; vue `npm create vue@latest app -- --default`; svelte `npx sv create app --template minimal --types ts --no-add-ons --install npm`; solid `npm create solid@latest app -- --vanilla --ts --template basic`; angular `npx @angular/cli@21 new app --defaults --skip-git --package-manager=npm`; $mol `git clone --depth 1 https://github.com/hyoo-ru/mam.git app && npm install`.Reactreact.dev/learn/build-a-react-app-from-scratch2026-08-13Soliddocs.solidjs.com/quick-start2026-08-13Dev packages installed3570React est 50% en dessous de SolidHow many separate packages npm resolves into node_modules on a clean checkout. Each one is an author your build trusts, and every CI run downloads all of them.Distinct name+version pairs in `npm ls --all` after scaffolding and installing the starter project. Scaffolded on 2026-08-13 with each framework's own getting-started command: react `npm create vite@latest app -- --template react-ts`; vue `npm create vue@latest app -- --default`; svelte `npx sv create app --template minimal --types ts --no-add-ons --install npm`; solid `npm create solid@latest app -- --vanilla --ts --template basic`; angular `npx @angular/cli@21 new app --defaults --skip-git --package-manager=npm`; $mol `git clone --depth 1 https://github.com/hyoo-ru/mam.git app && npm install`.Reactreact.dev/learn/build-a-react-app-from-scratch2026-08-13Soliddocs.solidjs.com/quick-start2026-08-13node_modules size80.9 MB65 MBSolid est 20% en dessous de ReactDisk footprint of a fresh checkout. None of it ships to the browser, but all of it is downloaded by every CI run and every new machine on the team.`du -sk node_modules` after scaffolding and installing the starter project. Scaffolded on 2026-08-13 with each framework's own getting-started command: react `npm create vite@latest app -- --template react-ts`; vue `npm create vue@latest app -- --default`; svelte `npx sv create app --template minimal --types ts --no-add-ons --install npm`; solid `npm create solid@latest app -- --vanilla --ts --template basic`; angular `npx @angular/cli@21 new app --defaults --skip-git --package-manager=npm`; $mol `git clone --depth 1 https://github.com/hyoo-ru/mam.git app && npm install`.Reactreact.dev/learn/build-a-react-app-from-scratch2026-08-13Soliddocs.solidjs.com/quick-start2026-08-13
Poids et chargement
React 0 sur 1, Solid 1 sur 1 · Solid devantCe que le navigateur télécharge, et combien de temps il attend avant que la page réagisse.ReactSolidTodoMVC bundle, gzip——Non compté : pas de données pour SolidWhat the browser actually downloads for a small but complete application, compressed the way a server would send it.Startup transfer274 KB150 KBSolid est 45% en dessous de ReactBytes pulled over the network before the benchmark application is usable. Same application in every column, so the difference is the framework.Lighthouse total byte weight for the js-framework-benchmark application, reported as benchmark 34_startup-totalbytes. Transfer size, not gzip specifically.Reactnin-jin.github.io/…/table.html2022-02-05Solidnin-jin.github.io/…/table.html2022-02-05
Vitesse
React 1 sur 7, Solid 6 sur 7 · Solid devantLe temps que mettent les changements à atteindre l’écran, et la mémoire retenue pendant ce temps.ReactSolidCreate 1,000 rows224 ms153 msSolid est 32% en dessous de ReactTime to put a thousand fresh rows on the screen. This is the wait after hitting a filter or opening a list.js-framework-benchmark 01_run1k, arithmetic mean of 10 runs.Reactnin-jin.github.io/…/table.html2022-02-05Solidnin-jin.github.io/…/table.html2022-02-05Partial update1,263 ms992 msSolid est 21% en dessous de ReactTouching every tenth row of a thousand, sixteen times. This is where a framework either finds the changed rows or re-checks everything.js-framework-benchmark 03_update10th1k_x16, arithmetic mean of 10 runs.Reactnin-jin.github.io/…/table.html2022-02-05Solidnin-jin.github.io/…/table.html2022-02-05Swap two rows1,505 ms181 msSolid est 88% en dessous de ReactTwo rows trade places out of a thousand. The ideal answer is two DOM moves, and the gap here shows who gets close to it.js-framework-benchmark 05_swap1k, arithmetic mean of 10 runs.Reactnin-jin.github.io/…/table.html2022-02-05Solidnin-jin.github.io/…/table.html2022-02-05Remove one row37.2 ms45.3 msReact est 18% en dessous de SolidDeleting a single row out of a thousand. The smallest possible change, so it measures the fixed cost of reacting at all.js-framework-benchmark 06_remove-one-1k, arithmetic mean of 10 runs.Reactnin-jin.github.io/…/table.html2022-02-05Solidnin-jin.github.io/…/table.html2022-02-05Memory after load1.44 MB1.22 MBSolid est 15% en dessous de ReactHeap the framework occupies with nothing on the page yet.js-framework-benchmark 21_ready-memory, single run.Reactnin-jin.github.io/…/table.html2022-02-05Solidnin-jin.github.io/…/table.html2022-02-05Memory with 1,000 rows4.24 MB1.94 MBSolid est 54% en dessous de ReactHeap once a thousand rows are on screen. On a phone this is the difference between staying alive in the background and being killed.js-framework-benchmark 22_run-memory, single run.Reactnin-jin.github.io/…/table.html2022-02-05Solidnin-jin.github.io/…/table.html2022-02-05Startup blocking time102 ms20.7 msSolid est 80% en dessous de ReactHow long the main thread is busy during startup, so taps and scrolls do nothing.js-framework-benchmark 32_startup-bt (Lighthouse total blocking time), arithmetic mean of 4 runs.Reactnin-jin.github.io/…/table.html2022-02-05Solidnin-jin.github.io/…/table.html2022-02-05
Intégré
React 0 sur 10, Solid 1 sur 10 · Solid devantSi le framework le fournit, ou s’il faut aller chercher une bibliothèque.ReactSolidRouterNonOuiSolid oui, React nonWhether URLs and navigation come from the framework project itself, or you go pick a library and own that choice forever.Built in means the framework project ships it itself: its own package, or one the same team maintains and publishes as official. A library from anyone else counts as no, however popular or de-facto standard it has become, which is why routing is a yes for Angular and a no for React. The same cut is applied to all six frameworks, and every value links to the official page it was read from. Yes when that project publishes and documents a routing solution of its own. No when its own docs send you to a third-party project instead.Reactreact.dev/learn/creating-a-react-app2026-08-13Soliddocs.solidjs.com/solid-router2026-08-13LocalizationNonNonni l’un ni l’autre ne l’aTranslating an application is rarely planned at the start and always arrives later.Built in means the framework project ships it itself: its own package, or one the same team maintains and publishes as official. A library from anyone else counts as no, however popular or de-facto standard it has become, which is why routing is a yes for Angular and a no for React. The same cut is applied to all six frameworks, and every value links to the official page it was read from. Yes when that project publishes and documents localization of its own. An official CLI add-on that wires up somebody else’s i18n library is a no, because the library is still somebody else’s.Reactreact.dev/reference/react2026-08-14Soliddocs.solidjs.com2026-08-14ThemingNonNonni l’un ni l’autre ne l’aDark mode and brand colours without inventing your own CSS variable convention.Built in means the framework project ships it itself: its own package, or one the same team maintains and publishes as official. A library from anyone else counts as no, however popular or de-facto standard it has become, which is why routing is a yes for Angular and a no for React. The same cut is applied to all six frameworks, and every value links to the official page it was read from. Yes when that project publishes and documents a theming mechanism of its own. No when the word does not appear in its official API reference, which is the page linked, so the absence can be checked directly.Reactreact.dev/reference/react2026-08-13Soliddocs.solidjs.com2026-08-13List virtualizationNonNonni l’un ni l’autre ne l’aLong lists stay smooth because off-screen rows are never rendered. Without it, someone eventually bolts a library onto a list that already shipped.Built in means the framework project ships it itself: its own package, or one the same team maintains and publishes as official. A library from anyone else counts as no, however popular or de-facto standard it has become, which is why routing is a yes for Angular and a no for React. The same cut is applied to all six frameworks, and every value links to the official page it was read from. Yes when that project publishes and documents lazy or virtual rendering of long lists. No when no such component appears in its API reference.Reactreact.dev/reference/react2026-08-14Soliddocs.solidjs.com2026-08-14Offline supportNonNonni l’un ni l’autre ne l’aA service worker set up by the framework rather than copied from a blog post.Built in means the framework project ships it itself: its own package, or one the same team maintains and publishes as official. A library from anyone else counts as no, however popular or de-facto standard it has become, which is why routing is a yes for Angular and a no for React. The same cut is applied to all six frameworks, and every value links to the official page it was read from. Yes when that project ships the service worker integration: a module it builds and registers for you. No when the docs only show where to drop your own sw.js and how to register it with the browser API, because that is the browser’s feature rather than the framework’s.Reactreact.dev/reference/react2026-08-14Soliddocs.solidjs.com/…/service-workers2026-08-14Server renderingOuiOuiles deux l’ontRendering to HTML on the server, for search engines and for the first paint.Built in means the framework project ships it itself: its own package, or one the same team maintains and publishes as official. A library from anyone else counts as no, however popular or de-facto standard it has become, which is why routing is a yes for Angular and a no for React. The same cut is applied to all six frameworks, and every value links to the official page it was read from. Yes when that project publishes and documents a server rendering API of its own. No when its published module list contains no such module.Reactreact.dev/…/server2026-08-13Soliddocs.solidjs.com/…/render-to-string2026-08-13Tests without a DOMNonNonni l’un ni l’autre ne l’aComponents testable as plain objects, with no browser and no jsdom to boot up first.Built in means the framework project ships it itself: its own package, or one the same team maintains and publishes as official. The same cut is applied to all six frameworks, and every value links to the official page it was read from. Yes when a component can be instantiated and asserted on with no document in play — the test never reaches for one. No when a DOM has to exist before a component can render at all, which is what every official testing guide here prescribes when it tells you to install jsdom, happy-dom or a browser. The question is whether a DOM is required, not whether the runtime happens to have one available: a runtime that provides a document nobody asks for does not make the test a DOM test.Reactreact.dev/warnings/react-test-renderer2026-08-13Soliddocs.solidjs.com/guides/testing2026-08-13Dependency injectionOuiOuiles deux l’ontSwapping a real service for a fake one in a test without touching the component that uses it.Built in means the framework project ships it itself: its own package, or one the same team maintains and publishes as official. A library from anyone else counts as no, however popular or de-facto standard it has become, which is why routing is a yes for Angular and a no for React. The same cut is applied to all six frameworks, and every value links to the official page it was read from. Yes when that project documents a way to hand a component a value from outside it and replace that value later, in a test or in another host. Context APIs count: the bar is a documented mechanism, not a particular shape of container.Reactreact.dev/learn/passing-data-deeply-with-context2026-08-14Soliddocs.solidjs.com/…/create-context2026-08-14FormsOuiOuiles deux l’ontValidation, dirty state and submission handled by the framework instead of a fourth form library per team.Built in means the framework project ships it itself: its own package, or one the same team maintains and publishes as official. A library from anyone else counts as no, however popular or de-facto standard it has become, which is why routing is a yes for Angular and a no for React. The same cut is applied to all six frameworks, and every value links to the official page it was read from. Yes when that project documents a form API that goes past binding one input to one variable, covering at least submission handling or validation state. Two-way binding on its own is a no.Reactreact.dev/…/form2026-08-14Soliddocs.solidjs.com/…/action2026-08-14Typed templatesOuiOuiles deux l’ontA typo in a template is caught by the compiler, not by a user.Built in means the framework project ships it itself: its own package, or one the same team maintains and publishes as official. A library from anyone else counts as no, however popular or de-facto standard it has become, which is why routing is a yes for Angular and a no for React. The same cut is applied to all six frameworks, and every value links to the official page it was read from. Yes when the framework’s official TypeScript documentation covers type checking of its template or view layer.Reactreact.dev/learn/typescript2026-08-13Soliddocs.solidjs.com/configuration/typescript2026-08-13
Écosystème et marché
React 4 sur 4, Solid 0 sur 4 · React devantLa facilité à recruter pour ça, à faire une recherche dessus et à trouver une pièce toute faite.ReactSolidGitHub stars247,21835,816React vaut 6.9× SolidA popularity signal, and nothing more. It says how many people bookmarked the repository, not how many shipped with it.`stargazers_count` from the GitHub API for the repository that holds the framework's current source.Reactgithub.com/react/react2026-08-13Solidgithub.com/solidjs/solid2026-08-13npm downloads163,083,190 per week3,456,458 per weekReact vaut 47.2× SolidThe closest thing to a usage count. Inflated by CI runs, but inflated the same way for everyone.npm registry downloads for the last full week, for the package you install to use the framework.Reactapi.npmjs.org/…/react2026-08-13Solidapi.npmjs.org/…/solid-js2026-08-13Stack Overflow questions473,925323React vaut 1467.3× SolidHow likely it is that your problem was already asked and answered by someone else.Question count of the framework's Stack Overflow tag, via the Stack Exchange API.Reactstackoverflow.com/…/reactjs2026-08-13Solidstackoverflow.com/…/solid-js2026-08-13npm maintainers21React vaut 2× SolidHow many people can publish a release. A low number is a bus factor.Length of the `maintainers` array in the npm registry metadata of the framework's primary package.Reactregistry.npmjs.org/react2026-08-13Solidregistry.npmjs.org/solid-js2026-08-13
Coût de possession
React 0 sur 3, Solid 1 sur 3 · Solid devantCe que l’arbre de dépendances et l’historique des versions demandent au fil des années.ReactSolidAdvisories in shipped packages00les deux annoncent la même valeurKnown vulnerabilities in the packages that reach the browser. These execute on your users’ machines, which makes them a different class of risk from anything in the build toolchain.Each shipped package, at its installed version, queried against the OSV database. Counts packages carrying at least one advisory.Reactreact.dev/learn/build-a-react-app-from-scratch2026-08-13Soliddocs.solidjs.com/quick-start2026-08-13Advisories in the dev tree00les deux annoncent la même valeurKnown vulnerabilities in the packages a fresh checkout installs. These run on developer and CI machines rather than in the browser, but somebody still has to triage every one.Total reported by `npm audit` on the starter project, straight after scaffolding it. Scaffolded on 2026-08-13 with each framework's own getting-started command: react `npm create vite@latest app -- --template react-ts`; vue `npm create vue@latest app -- --default`; svelte `npx sv create app --template minimal --types ts --no-add-ons --install npm`; solid `npm create solid@latest app -- --vanilla --ts --template basic`; angular `npx @angular/cli@21 new app --defaults --skip-git --package-manager=npm`; $mol `git clone --depth 1 https://github.com/hyoo-ru/mam.git app && npm install`.Reactreact.dev/learn/build-a-react-app-from-scratch2026-08-13Soliddocs.solidjs.com/quick-start2026-08-13Breaking releases in 3 years10Solid n’en a aucun, React en a 1Major versions shipped since 2023. Every one of them is a migration someone on the team pays for.Count of major semver versions of the framework's primary npm package first published in the last three years. Left blank for packages that do not use semver majors.Reactregistry.npmjs.org/react2026-08-13Solidregistry.npmjs.org/solid-js2026-08-13
Comment c’est mesuré
Chaque valeur ici vient d’une mesure ou d’une source extérieure, et porte avec elle le lien et la date du relevé. Une métrique ne compte pour une catégorie que si les deux frameworks la publient : sinon, celui dont le tableau est le plus complet l’emporterait sur l’étendue de ses données plutôt que sur ce que disent les chiffres. Là où personne n’a encore mesuré, la ligne le dit au lieu de deviner.Méthodologie et sources sur GitHub
Proposer un framework
Il en manque un ? Nommez-le et ouvrez une issue. Ajouter un framework, c’est un fichier de données avec ses mesures et, pour les tests en direct, une page runner : les deux vivent dans le dépôt, à côté de ceux qui y sont déjà.Ouvrir une issueType to search the documentation.
