Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

React Best Practices

por0xbigboss·0xbigboss· v1.0.0 · atualizado em 2026-04-10
81
Score

Provides React patterns for hooks, effects, refs, and component design. Covers escape hatches, anti-patterns, and correct effect usage. Must use when reading or writing React components (.tsx, .jsx files with React imports).

reacthookseffectstypescriptcomponent-designbest-practicesfrontend-development
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdreact-best-practices/workflow
1
Identify areas — in React code that use hooks, effects, or refs.
2
Analyze existing code — for potential anti-patterns or inefficient implementations.
3
Consult best practices — for the specific hook or effect being used.
4
Implement recommended changes — to improve code structure and performance.
5
Test the modified component — to ensure it functions as expected.
6
Refactor code — based on testing results and further optimization opportunities.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Compõe com ←Code Review Skill
70%
Hebbian Synapse
Composite0.700
w = 0.3·α + 0.5·β + 0.2·γ
79
Compõe com ←TypeScript Best Practices
70%
Hebbian Synapse
Composite0.700
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar aTailwind CSS Advanced Layout Techniques
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar aTailwind CSS Development Patterns
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar aTypeScript + React 19 Code Review Expert
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

React Best Practices
react-best-practices
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.RECOMMEND
4.ACT
5.REFLECT
Triggers9
how to use react hooks correctlyreact best practices for effectsimprove react component designavoid react anti-patternscorrect usage of useEffectreact typescript patternsoptimize react performancereact component lifecyclereact ref usage

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-best-practices
$ synaptic skills detail react-best-practices
$ synaptic skills live react-best-practices

Dependências

reacttypescript

Links

GitHub Repository