react-expert

Guide React 19 development with TypeScript, state management, and performance patterns.

Updated Jun 16, 2026
One-click install
npx skills add https://github.com/Design-System-ET/genexus-dev-opencode --skill react-expert-design-system-et
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-expert
Source: https://github.com/Design-System-ET/genexus-dev-opencode/tree/main/skills/react-expert
Command: npx skills add https://github.com/Design-System-ET/genexus-dev-opencode --skill react-expert-design-system-et

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the complexity of modern React development by providing standardized patterns for state management, performance optimization, and the transition to React 19 features like Server Components.

Core Features & Use Cases

  • Modern Architecture: Implements React 19 Server Components, Suspense boundaries, and useActionState forms.
  • Performance & Testing: Provides optimized patterns for memoization, virtualization, and comprehensive testing with React Testing Library.
  • Migration Support: Offers a structured guide for converting legacy class components to modern functional components with hooks.

Quick Start

Use the react-expert skill to implement a new user profile component using React 19 Server Components and TypeScript.

Frequently Asked Questions about react-expert

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement React 19 Server Components with strict TypeScript?

To implement React 19 Server Components with strict TypeScript, apply standardized patterns for component architecture, Suspense boundaries, and useActionState forms to ensure type-safe modern data fetching.

What's the best way to manage state in modern React applications?

The best way to manage state in modern React applications involves using standardized patterns with Zustand or Redux. This approach provides structured state management solutions optimized for performance and strict TypeScript compliance.

How do I migrate legacy React class components to functional components with hooks?

To migrate legacy React class components to functional components with hooks, follow a structured conversion guide that replaces lifecycle methods with hooks, ensuring modern architecture and performance optimization.

Does this approach support performance optimization and testing with React Testing Library?

Yes, this approach supports performance optimization and comprehensive testing with React Testing Library. It provides optimized patterns for memoization and virtualization to ensure production-grade React 19 application performance.

When do I need React 19 Server Components and Suspense boundaries?

You need React 19 Server Components and Suspense boundaries when building production-grade applications requiring modern architecture. They solve complexity by standardizing modern data fetching patterns and component architecture.

Can I use Zustand or Redux for state management in React 19 applications?

Yes, you can use Zustand or Redux for state management in React 19 applications. Expert guidance covers both libraries, providing standardized patterns for state management alongside performance optimization and strict TypeScript implementation.