DevelopmentMédio

React Performance Optimization

pornickcrew·nickcrew· v1.0.0 · atualizado em 2026-04-10

Score

React performance optimization patterns using memoization, code splitting, and efficient rendering strategies. Use when optimizing slow React applications, reducing bundle size, or improving user experience with large datasets.

reactperformanceoptimizationmemoizationcode-splittingvirtualizationfrontend-development

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdreact-performance-optimization/workflow

Profile: — Use React DevTools Profiler to identify slow components and unnecessary re-renders.

Analyze: — Determine the root cause of performance issues (e.g., expensive computations, large datasets).

Memoize: — Wrap expensive components with `React.memo` and use `useMemo` for computed values.

Code Split: — Implement code splitting with `React.lazy` and `Suspense` for routes and heavy components.

Virtualize: — Use `react-window` for large lists to render only visible items.

Verify: — Profile again to ensure optimizations improved performance and didn't introduce regressions.

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

Depende deReact Component Writing Guide

100%

60%

Similar aSwiftUI Performance Audit

40%

Árvore do Skill

React Performance Optimization

react-performance-optimization

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.RECOMMEND

4.ACT

5.EVALUATE

Triggers8

optimize react performanceimprove react rendering speedreduce react bundle sizeuse memoization in reactimplement code splitting in reactvirtualize react listdebug react performance issuesprofile react components

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 react-performance-optimization

$ synaptic skills detail react-performance-optimization

$ synaptic skills live react-performance-optimization

Dependências

react react-dom react-window webpack-bundle-analyzer

Links

GitHub Repository