react-fieldguide

What problem does it solve?

This Skill provides comprehensive guidance and best practices for building robust and type-safe React applications using TypeScript, covering modern React features and common development patterns.

Core Features & Use Cases

• Type-Safe Components: Learn to define props, children, and variants with strong typing.
• Event Handling: Master typing for all standard React event types (mouse, form, keyboard, etc.).
• Hook Typing: Implement custom hooks and utilize built-in hooks like useState, useReducer, and useContext with type safety.
• Generic Components: Build reusable components that infer types from their props.
• React 19 Features: Understand patterns for ref as prop, useActionState, and use().
• TanStack Router Integration: Ensure type safety for routing, params, and loader data.
• Server Components: Patterns for async data fetching and Server Actions.

Quick Start

Consult the 'rules' section for essential type-safety guidelines when working with React and TypeScript.