React Development

React Development Skill

This skill provides comprehensive guidance for building modern React applications using hooks, components, state management, context, effects, and performance optimization techniques based on official React documentation from react.dev.

When to Use This Skill

Use this skill when:

• Building single-page applications (SPAs) with React
• Creating reusable UI components and component libraries
• Managing complex application state with hooks and context
• Implementing forms, data fetching, and side effects
• Optimizing React application performance
• Building interactive user interfaces with dynamic data
• Migrating class components to functional components with hooks
• Implementing global state management without external libraries
• Creating custom hooks for reusable logic
• Building accessible and performant web applications

Core Concepts

Components

Components are the building blocks of React applications. They let you split the UI into independent, reusable pieces.

Functional Components (Modern Approach):

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}