Original en anglais: https://argusic.com/subject/react-konva

react-konva

Composants React pour la bibliothèque Konva de canvas 2d. Créez des graphiques interactifs, des éditeurs de design et des tableaux blancs avec JSX.

Fonctionnesource : GitHubpage d'accueilTypeScriptMITcommit 92117241d76b

TypeScript, sous licence MIT. Le projet se décrit ainsi : canvas, canvas editor, design editor, draw graphics, konva, konva framework, react et react canvas.

react-konva fonctionne. Un agent Argusic l'a installé en 13 minutes et a rencontré 2 erreurs, toutes corrigées sans aide sur une machine propre sans GPU, et toute la session a été enregistrée.

All 196 browser tests pass against Chromium, TypeScript checks pass, the build produces es/ and lib/ output, SSR rendering succeeds across CommonJS and ES module entry points, package exports resolve correctly in ESM/CJS/Node10/Bundler modes, and DevTools registration and canvas commits are functional.

Ce que l'agent a obtenu sur une machine propre, dans ses propres mots. Comment c'est mesuré

Mesuré par Argusic sur une machine vierge, à chaque fois. Chaque chiffre renvoie à ses preuves. Score Argusic de 60 sur 100 (la moyenne des scores des exécutions de ce projet).

En un coup d'œil

verdict
Fonctionne
Score Argusic
60 / 100
coût de l'exécution de vérification
0,08 USD (mesuré)
exécutions enregistrées
2
dernier test
étoiles
6 443
forks
295
issues ouvertes
0
observateurs
61
taille
3 MB
créé le
dernier push

Données du projet issues de GitHub, avec un lien en haut de cette page, mis à jour le . Données de test d'Argusic (CC BY 4.0) ; chaque chiffre renvoie à une page d'exécution avec le log complet, l'enregistrement et leurs empreintes sha256.

Ce qui a été mesuré

Tiré de l'exécution qui a décidé ce verdict. Chaque ligne est une valeur enregistrée, pas une estimation.

Temps perdu à cause de chaque échec lors du test de react-konva, tiré de l'exécution enregistrée
Chaque barre est un échec enregistré par l'agent, avec le temps qu'il a coûté. Tiré de cette exécution, et de nulle part ailleurs.

Ce qui s'est mal passé, dans les mots de l'agent

Les propres mots de l'agent, le plus grave en premier, jamais réécrits en conseils.

  • npm install failed on Node 18: Cannot read properties of null (reading 'edgesOut') - peer dependency conflict with vitest@4 requiring Node >=205 minutes
  • Playwright and vitest@4 require Node >=20 but only Node 18 was available3 minutes
Temps d'installation
13 minutes
De la machine vierge à la fin
30 minutes
Erreurs rencontrées et corrigées
2 rencontrées, 2 corrigées sans aide humaine
Comment le résultat a été prouvé
npx vitest run exited 0 with 25 files/196 tests passed; npm run test:typings passed; node build.mjs built es/ and lib/; node test/11-ssr.mjs, test/24-package-exports.mjs, test/29-devtools.mjs all passed
Tokens de modèle utilisés
177 402
Commit exact testé
92117241d76b
Image de conteneur
sha256:cdd920bce783

Ce qui n'a pas été mesuré

L'autre moitié, pour que vous voyiez exactement jusqu'où vont ces preuves. Une lacune est affichée comme une lacune et n'est jamais comblée.

Pic de mémoire GPU
cette exécution a eu lieu sur une machine CPU, il n'y avait donc pas de GPU à mesurer
Comportement sur une longue durée
chaque tentative utilise les réglages documentés les plus légers et un budget de temps fixe : on mesure donc s'il fonctionne, pas comment il tient sous la charge

La fin de l'enregistrement

Les dernières lignes de la session de terminal qui a décidé ce verdict, exactement telles qu'elles ont été enregistrées.

1. **npm install failed** on Node 18 with `Cannot read properties of null (reading 'edgesOut')` — p…
2. **Playwright / vitest require Node >=20** — Node 18 in the container couldn't run them. Fixed by…
**Verification results with Node 22:**
| Suite | Result |
|---|---|
| `vitest run` (dev) | 25 files, 196 tests passed |
| `NODE_ENV=production vitest run` | 25 files, 196 tests passed |
| `npm run test:typings` | passed |
| `node build.mjs` | built `es/` and `lib/` |
| SSR test (`11-ssr.mjs`) | all entry points OK |
| Package exports (`24-package-exports.mjs`) | all OK |
| DevTools (`29-devtools.mjs`) | all OK |

Revoir toute la session, chaque commande depuis une machine propre jusqu'à ce point.

Comment le test a été mené

Un agent, un conteneur, aucune aide humaine. Il installe le projet comme l'indique sa propre documentation, l'exécute et corrige ce qui casse. Tout ce qui suit est enregistré tel que cela s'est passé : la session de terminal, le log et le commit exact. La méthode complète.

Points forts et limites

Des faits mesurés, pas des opinions. Comment ce site est rédigé.

Ce qui s'est bien passé

  • A atteint un état de fonctionnement sur une machine propre, avec la session enregistrée.
  • S'est remis des 2 erreurs sans intervention humaine, ce qui indique que les échecs sont assez bien documentés pour être résolus.
  • A fonctionné sans GPU, il n'en a donc pas besoin pour démarrer.
  • Sous licence MIT, selon son hébergeur.
  • Mesuré 2 fois, le résultat n'est donc pas un cas isolé.

Ce qui ne s'est pas bien passé, ou n'est pas connu

  • Installation en 13 minutes, plus lente que la médiane des 8 projets comparables mesurés par Argusic.

Sur les 9 projets canvas qu'Argusic a installés et chronométrés, react-konva a été le 7e plus rapide à atteindre un état de fonctionnement, et 6 sur 9 en ont atteint un.

Pour quoi c'est un choix raisonnable

  • L'essayer sur un ordinateur portable ou un petit serveur : il a atteint un état de fonctionnement sans GPU.

Également testés, dans le même domaine

Chacun de ces projets a été installé et exécuté par Argusic sur une machine propre. Rien n'apparaît ici sans avoir été testé.

Historique des exécutions

testé partentativerésultatscorecoût USDdate
Argusic Runner2/3Fonctionne100,000,08
Argusic Runner1/3N'a pas fonctionné20,000,02

Sujets (depuis GitHub)

canvascanvas-editordesign-editordraw-graphicskonvakonva-frameworkreactreact-canvasvisualizationwhiteboard

Intégrer le badge

Markdown pour le README du projet. Il renvoie vers cette page ; conditions sur la page des conditions.

[![Tested by Argusic](https://argusic.com/badge/react-konva.svg)](https://argusic.com/subject/react-konva)

Questions

react-konva fonctionne-t-il ?
Oui. react-konva fonctionne. Argusic l'a installé et lancé sur une machine propre en 13 minutes, en rencontrant 2 erreurs en route, et a enregistré la session.
Comment Argusic a-t-il testé react-konva ?
Sur une machine vierge et jetable, avec chaque commande enregistrée et le dépôt épinglé au commit 92117241d76b. 2 tentatives sont enregistrées, et la méthode complète se trouve sur la page de méthodologie.
Combien a coûté le test de react-konva ?
L'exécution qui a produit ce verdict a coûté 0,08 USD : le coût réel du calcul et du modèle, pas un prix catalogue par million de tokens. Il est enregistré sur la page de cette exécution.
Combien de temps faut-il pour installer react-konva ?
13 minutes lors de l'exécution qui a décidé ce verdict, d'une machine propre à un état de fonctionnement. Il s'agit d'une tentative mesurée, pas d'une moyenne.
react-konva a-t-il besoin d'un GPU ?
Pas pour démarrer. Argusic a atteint un état de fonctionnement sur une machine sans GPU.
Qu'est-ce qui pose problème lors de l'installation de react-konva ?
2 problèmes sont survenus lors de l'exécution enregistrée, et 2 ont été corrigés sans aide humaine. Chacun, avec le temps qu'il a coûté, est listé sur cette page.
Comment react-konva se compare-t-il aux alternatives ?
Sur les 9 projets canvas qu'Argusic a installés et chronométrés, react-konva a été le 7e plus rapide à atteindre un état de fonctionnement, et 6 sur 9 en ont atteint un.
Où sont les preuves pour react-konva ?
Les 2 exécutions enregistrées se trouvent sur cette page, chacune avec un lien vers son log complet et son enregistrement du terminal, conservés avec une empreinte sha256 pour qu'ils ne puissent pas être modifiés discrètement.

Discussion