Original em inglês: https://argusic.com/subject/react-konva
react-konva
Componentes React para a biblioteca Konva de canvas 2d. Build gráficos interativos, editores de design e quadros brancos com JSX.
Executafonte: GitHubpágina do projetoTypeScriptMITcommit 92117241d76b
TypeScript, licença MIT. O projeto se descreve como: canvas, canvas editor, design editor, draw graphics, konva, konva framework, react e react canvas.
react-konva executa. Em uma máquina limpa sem GPU, um agent da Argusic o instalou em 13 minutos e encontrou 2 erros, corrigindo todos sem ajuda, e a sessão inteira foi gravada.
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.
O que o agent conseguiu em uma máquina limpa, nas palavras dele. Como isto é medido
Medido pela Argusic em uma máquina nova, todas as vezes. Cada número tem link para as suas evidências. Pontuação Argusic 60 de 100 (a média das pontuações das execuções deste projeto).
Visão geral
Dados do projeto de GitHub, com link no topo desta página, atualizado em . Dados de teste da Argusic (CC BY 4.0); cada número tem link para uma página de execução com o log completo, a gravação e os hashes sha256 deles.
O que foi medido
Da execução que decidiu este veredito. Cada linha é um valor registrado, não uma estimativa.
O que deu errado, nas palavras do agent
As palavras do próprio agent, das piores para as menores, nunca reescritas como conselho.
- 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
- Tempo de instalação
- 13 minutos
- Da máquina limpa até o fim
- 30 minutos
- Erros encontrados e corrigidos
- 2 encontrados, 2 corrigidos sem ajuda humana
- Como o resultado foi comprovado
- 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 exato testado
- 92117241d76b
- Imagem do container
- sha256:cdd920bce783
O que não foi medido
A outra metade, para você ver exatamente até onde estas evidências vão. Uma lacuna é mostrada como lacuna e nunca é preenchida.
- Pico de memória da GPU
- esta execução foi em uma máquina com CPU, então não havia GPU para medir
- Comportamento em uma execução longa
- cada tentativa usa as menores configurações documentadas e um orçamento de tempo fixo, então isto mede se ele executa, não como ele se comporta sob carga
O fim da gravação
As últimas linhas da sessão de terminal que decidiu este veredito, exatamente como foram gravadas.
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 |
Reproduzir a sessão inteira, cada comando desde a máquina limpa até este ponto.
Como foi testado
Um agent, um container, nenhuma ajuda humana. Ele instala o projeto do jeito que a própria documentação do projeto manda, executa o projeto e corrige o que quebra. Tudo abaixo é registrado como aconteceu: a sessão de terminal, o log e o commit exato. A metodologia completa.
Pontos fortes e limites
Fatos medidos, não opiniões. Como este conteúdo é escrito.
O que deu certo
- Chegou a um estado de execução em uma máquina limpa, com a sessão gravada.
- Recuperou-se de todos os 2 erros sem que uma pessoa interviesse, o que indica que as falhas estão documentadas o suficiente para serem resolvidas.
- Executou sem GPU, então não precisa de uma para iniciar.
- Licença MIT, segundo a plataforma onde o projeto está hospedado.
- Medido 2 vezes, então o resultado não é um caso isolado.
O que não deu certo, ou não se sabe
- Levou 13 minutos para instalar, mais devagar que a mediana dos 8 projetos comparáveis que a Argusic mediu.
Dos 9 projetos de canvas que a Argusic instalou e cronometrou, react-konva foi o 7º mais rápido a chegar a um estado de execução, e 6 de 9 chegaram a esse estado.
Para que é uma escolha razoável
- Testar em um laptop ou em um servidor pequeno: ele chegou a um estado de execução sem GPU.
Também testados, na mesma área
Cada um destes foi instalado e executado pela Argusic em uma máquina limpa. Nada aparece aqui sem ter sido testado.
Histórico de execuções
| testado por | tentativa | resultado | pontuação | custo USD | quando |
|---|---|---|---|---|---|
| Argusic Runner | 2/3 | Executa | 100,00 | 0,08 | |
| Argusic Runner | 1/3 | Não executou | 20,00 | 0,02 |
Tópicos (de GitHub)
canvascanvas-editordesign-editordraw-graphicskonvakonva-frameworkreactreact-canvasvisualizationwhiteboard
Incorporar o selo
Markdown para o README do projeto. Ele tem link de volta para esta página; os termos estão na página de termos.
[](https://argusic.com/subject/react-konva)Perguntas
- react-konva executa?
- Sim. react-konva executa. A Argusic o instalou e iniciou em uma máquina limpa em 13 minutos, encontrando 2 erros no caminho, e gravou a sessão.
- Como a Argusic testou react-konva?
- Em uma máquina nova e descartável, com cada comando gravado e o repositório fixado no commit 92117241d76b. Há 2 tentativas registradas, e a metodologia completa está na página da metodologia.
- Quanto custou testar react-konva?
- A execução que produziu este veredito custou US$ 0,08: custo real de computação e de modelo, não um preço de tabela por milhão de tokens. Esse valor está registrado na página da execução.
- Quanto tempo leva para instalar react-konva?
- 13 minutos na execução que decidiu este veredito, de uma máquina limpa até um estado de execução. É uma tentativa medida, não uma média.
- react-konva precisa de GPU?
- Não para iniciar. A Argusic chegou a um estado de execução em uma máquina sem GPU.
- O que dá errado ao instalar react-konva?
- 2 coisas quebraram na execução registrada, e 2 foram corrigidas sem ajuda humana. Cada uma, com o tempo que custou, está listada nesta página.
- Como react-konva se compara às alternativas?
- Dos 9 projetos de canvas que a Argusic instalou e cronometrou, react-konva foi o 7º mais rápido a chegar a um estado de execução, e 6 de 9 chegaram a esse estado.
- Onde estão as evidências de react-konva?
- Todas as 2 execuções registradas estão nesta página, cada uma com link para o seu log completo e a sua gravação do terminal, guardados com uma impressão digital sha256 para que não possam ser alterados discretamente.