DevelopmentMédio

React Best Practices

porsergiodxa·sergiodxa· v1.0.0 · atualizado em 2026-04-10

Score

React performance optimization guidelines. Use when writing, reviewing, or refactoring React components to ensure optimal rendering and bundle patterns. Triggers on tasks involving React components, hooks, memoization, or bundle optimization.

reactfrontendperformanceoptimizationjavascriptbundle-sizere-rendering

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdfrontend-react-best-practices/workflow

Analyze Component Structure: — Identify complex or frequently re-rendering components.

Assess Bundle Size: — Determine if large libraries are contributing to the bundle size.

Identify Re-render Bottlenecks: — Pinpoint areas where unnecessary re-renders are occurring.

Apply Optimization Techniques: — Implement memoization, lazy loading, or other relevant techniques.

Refactor Code: — Restructure components for better composition and performance.

Test Changes: — Ensure that the changes do not introduce new bugs or regressions.

Measure Performance: — Evaluate the impact of the changes on rendering time and bundle size.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

60%

Similar aSwiftUI Performance Audit

40%

Árvore do Skill

React Best Practices

frontend-react-best-practices

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.RECOMMEND

4.ACT

5.REFLECT

Triggers8

optimize React component performancereduce React bundle sizeimprove React rendering speedrefactor React code for performancereview React code for performance issuesapply React best practicesoptimize React hooksimprove React component composition

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download frontend-react-best-practices

$ synaptic skills detail frontend-react-best-practices

$ synaptic skills live frontend-react-best-practices

Dependências

lucide-react svgo

Links

GitHub Repository