Original en inglés: https://argusic.com/subject/react-konva
react-konva
Componentes de React para la biblioteca de lienzo 2d de Konva. Construye gráficos interactivos, editores de diseño y pizarras con JSX.
Funcionafuente: GitHubsitio webTypeScriptMITcommit 92117241d76b
TypeScript, licencia MIT. El proyecto se describe a sí mismo como: canvas, canvas editor, design editor, draw graphics, konva, konva framework, react y react canvas.
react-konva funciona. Un agent de Argusic lo instaló en 13 minutos y encontró 2 errores, todos corregidos sin ayuda en una máquina limpia sin GPU, y toda la sesión quedó grabada.
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.
Lo que el agent consiguió en una máquina limpia, en sus propias palabras. Cómo se mide
Medido por Argusic en una máquina limpia cada vez. Cada cifra enlaza a su evidencia. Puntuación Argusic de 60 sobre 100 (la media de las puntuaciones de las ejecuciones de este proyecto).
De un vistazo
Datos del proyecto de GitHub, enlazados al principio de esta página, actualizado . Datos de prueba de Argusic (CC BY 4.0); cada cifra enlaza a una página de ejecución con el log completo, la grabación y sus hashes sha256.
Qué se midió
De la ejecución que decidió este veredicto. Cada línea es un valor registrado, no una estimación.
Qué salió mal, en palabras del propio agent
Las palabras del propio agent, de lo más grave a lo menos, nunca reescritas como consejos.
- npm install failed on Node 18: Cannot read properties of null (reading 'edgesOut') - peer dependency conflict with vitest@4 requiring Node >=205 minutos
- Playwright and vitest@4 require Node >=20 but only Node 18 was available3 minutos
- Tiempo de instalación
- 13 minutos
- De máquina en frío a terminar
- 30 minutos
- Errores encontrados y corregidos
- 2 encontrados, 2 corregidos sin ayuda humana
- Cómo se demostró el resultado
- 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 modelo usados
- 177.402
- Commit exacto probado
- 92117241d76b
- Imagen del contenedor
- sha256:cdd920bce783
Qué no se midió
La otra mitad, para que veas exactamente hasta dónde llega esta evidencia. Un hueco se muestra como hueco y nunca se rellena.
- Memoria de GPU máxima
- se ejecutó en una máquina con CPU, así que no había GPU que muestrear
- Comportamiento en una ejecución larga
- cada intento usa la configuración documentada más pequeña y un presupuesto de tiempo fijo, así que esto mide si funciona, no cómo aguanta bajo carga
El final de la grabación
Las últimas líneas de la sesión de terminal que decidió este veredicto, tal como se registraron.
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 |
Reproducir la sesión completa, cada comando desde una máquina limpia hasta este punto.
Cómo se probó
Un agent, un contenedor, sin ayuda humana. Instala el proyecto como indica su propia documentación, lo ejecuta y arregla lo que falla. Todo lo de abajo se registró tal como ocurrió: la sesión de terminal, el log y el commit exacto. La metodología completa.
Puntos fuertes y límites
Hechos medidos, no opiniones. Cómo se redacta.
Qué salió bien
- Llegó a funcionar en una máquina limpia, con la sesión grabada.
- Se recuperó de los 2 errores sin que interviniera una persona, lo que indica que los fallos están lo bastante documentados como para resolverlos.
- Funcionó sin GPU, así que no necesita una para arrancar.
- Licencia MIT, según su plataforma de origen.
- Medido 2 veces, así que el resultado no es algo puntual.
Qué no salió bien, o no se sabe
- Tardó 13 minutos en instalarse, más lento que la mediana de los 8 proyectos comparables que ha medido Argusic.
De los 9 proyectos de canvas que Argusic ha instalado y cronometrado, react-konva fue el 7.º más rápido en llegar a funcionar, y 6 de 9 llegaron a funcionar.
Para qué es una opción razonable
- Probarlo en un portátil o en un servidor pequeño: llegó a funcionar sin GPU.
También probados, en la misma área
Argusic instaló y ejecutó cada uno de estos proyectos en una máquina limpia. Aquí no aparece nada que no se haya probado.
Historial de ejecuciones
| probado por | intento | resultado | puntuación | costo USD | cuándo |
|---|---|---|---|---|---|
| Argusic Runner | 2/3 | Funciona | 100,00 | 0,08 | |
| Argusic Runner | 1/3 | No funcionó | 20,00 | 0,02 |
Temas (de GitHub)
canvascanvas-editordesign-editordraw-graphicskonvakonva-frameworkreactreact-canvasvisualizationwhiteboard
Insertar el badge
Markdown para el README del proyecto. Enlaza de vuelta aquí; condiciones en la página de términos.
[](https://argusic.com/subject/react-konva)Preguntas
- ¿Funciona react-konva?
- Sí. react-konva funciona. Argusic lo instaló y lo inició en una máquina limpia en 13 minutos, con 2 errores por el camino, y grabó la sesión.
- ¿Cómo probó Argusic react-konva?
- En una máquina limpia y desechable, con cada comando grabado y el repositorio fijado en el commit 92117241d76b. Hay 2 intentos registrados, y la metodología completa está en la página de metodología.
- ¿Cuánto costó probar react-konva?
- La ejecución que produjo este veredicto costó 0,08 USD: costo real de cómputo y de modelo, no un precio de lista por millón de tokens. Consta en la página de esa ejecución.
- ¿Cuánto tarda react-konva en instalarse?
- 13 minutos en la ejecución que decidió este veredicto, desde una máquina limpia hasta que funcionó. Es un intento medido, no una media.
- ¿Necesita react-konva una GPU?
- No para arrancar. Argusic consiguió que funcionara en una máquina sin GPU.
- ¿Qué falla al instalar react-konva?
- En la ejecución registrada fallaron 2 cosas, y 2 se corrigieron sin ayuda humana. Cada una, con el tiempo que costó, aparece en esta página.
- ¿Cómo se compara react-konva con las alternativas?
- De los 9 proyectos de canvas que Argusic ha instalado y cronometrado, react-konva fue el 7.º más rápido en llegar a funcionar, y 6 de 9 llegaron a funcionar.
- ¿Dónde está la evidencia de react-konva?
- Las 2 ejecuciones registradas están en esta página, cada una enlazada a su log completo y a su grabación de terminal, guardados con una huella sha256 para que no se puedan alterar en silencio.