DevelopmentMédio

React TypeScript

porsoftaworks·softaworks· v1.0.0 · atualizado em 2026-04-10

Score

This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components are mentioned. Covers type-safe patterns for React 18-19 including generic components, proper event typing, and routing integration (TanStack Router, React Router).

reacttypescriptfrontend-developmentui-developmentreact-19type-safetycomponent-design

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdreact-dev/workflow

1. Identify the component's purpose and data requirements.

2. Define the component's props using TypeScript, extending native element types as needed.

3. Implement the component's logic, handling events with specific event types.

4. Use `useState`, `useRef`, and `useReducer` hooks with explicit typing.

5. Integrate with routing libraries like TanStack Router or React Router, ensuring type safety.

6. If using React 19, apply necessary migration patterns like `ref` as prop and `useActionState`.

7. Test the component thoroughly to ensure type safety and correct behavior.

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%

Árvore do Skill

React TypeScript

react-dev

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.EVALUATE

5.ACT

Triggers7

build a React component with TypeScripttype a React hookhandle events in React with TypeScriptmigrate to React 19use Server Components in Reactimplement type-safe routing in Reactcreate a generic React component

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-dev

$ synaptic skills detail react-dev

$ synaptic skills live react-dev

Dependências

react typescript @tanstack/react-router react-router-dom zod

Links

GitHub Repository