What versions of React does this skill support?

It is optimized for React 18 and newer versions, focusing exclusively on functional components and modern hook-based logic.

How does it handle web accessibility?

The skill integrates semantic HTML and ARIA attributes based on WCAG 2.1 AA standards into its component generation logic.

Can I use this with Next.js or Vite?

Absolutely. The skill is framework-agnostic within the React ecosystem and works seamlessly with Next.js, Vite, and Create React App.

What state management patterns are included?

The skill covers local state with useState, complex logic with useReducer, and global state management via the Context API.

Does this skill provide TypeScript support?

Yes, all provided patterns and examples include comprehensive TypeScript interfaces and type definitions for better type safety.

React Framework Best Practices

Name: React Framework Best Practices
Author: FortiumPartners

byFortiumPartners

•

Official

Accelerates React development by providing production-grade component patterns, advanced hook implementations, and accessibility guidelines.

소개

This skill equips Claude with specialized knowledge for React 18+ development, offering instant access to standardized patterns such as Compound Components and Container/Presentational structures. It ensures high-quality code output by enforcing modern React hooks usage, performance optimization through memoization, and WCAG 2.1 AA accessibility standards. Whether you are scaffolding a new UI or refactoring complex state logic, this skill provides the domain-specific guidance needed to build robust, maintainable frontend applications using Claude Code.

주요 기능

Advanced hook implementations including custom hooks and performance optimization
Pre-configured accessibility (WCAG 2.1 AA) and semantic HTML guidance
5 GitHub stars
Standardized patterns for component composition and complex form handling
Modern React 18+ functional component structures and TypeScript patterns
Comprehensive state management strategies using Context API and useReducer

사용 사례

Implementing complex global state and context providers for large applications
Rapidly scaffolding accessible and type-safe UI components
Refactoring legacy class-based components into modern functional hooks

소개

주요 기능

Advanced hook implementations including custom hooks and performance optimization
Pre-configured accessibility (WCAG 2.1 AA) and semantic HTML guidance
5 GitHub stars
Standardized patterns for component composition and complex form handling
Modern React 18+ functional component structures and TypeScript patterns
Comprehensive state management strategies using Context API and useReducer

사용 사례

Implementing complex global state and context providers for large applications
Rapidly scaffolding accessible and type-safe UI components
Refactoring legacy class-based components into modern functional hooks