pmndrs/react-three-fiber

RFC: @react-three/eslint-plugin rules

Open

#2.701 aberto em 10 de jan. de 2023

Ver no GitHub
 (15 comments) (10 reactions) (0 assignees)TypeScript (25.748 stars) (1.464 forks)batch import
help wantedrequest for commentsv10

Description

Aligning with our docs for general performance pitfalls and API usage around context (use R3F hooks within Canvas):

  • no-clone-in-frame-loop: Prefer creating temporary objects in global space and copy rather than clone in hot paths. This should be restricted to three.js classes to avoid collisions. https://github.com/pmndrs/react-three-fiber/pull/2710
  • no-fast-state: Don't set state within loops or continuous events (startTransition can be used if you must, this can be disabled for specific polling cases)
  • prefer-useloader: Prefer useLoader for suspense and caching rather than calling Loader.load or Loader.loadAsync in an effect. This will de-dup resources on both the CPU and GPU and avoid later expensive runtime compilation.

Guia do colaborador

Pilha de tecnologia
reacttypescriptjavascript
Domain
developer experiencetooling
Tipo Issue
feature
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
3-5 days
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
active
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
clear
Prerequisites
Basic ESLint plugin knowledgeReact Three Fiber conceptsJavaScript/TypeScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60
Direção de pesquisa
Examine the existing pitfalls documentation (https://docs.pmnd.rs/react three fiber/advanced/pitfalls) and the reference PR #2710 for the no clone in frame loop rule. Study ESLint plugin structures (e.g., ast, rule creation) and decide on rule names and messages. Consider adding tests and documentation.