Which state management libraries are supported?

It is designed to detect and follow the conventions of the library already in your project, including Redux Toolkit, Zustand, TanStack Query, and the Context API.

Does this skill support React 19 features?

Yes, it specifically includes patterns for React 19 hooks like use(), useActionState, and useOptimistic, as well as React Router v7 framework mode.

Does this skill enforce TypeScript?

Yes, it promotes TypeScript strict mode with specific patterns for component interfaces, prop destructuring, and typed hooks.

How does it handle component design?

It enforces function components only, single responsibility principles, and a maximum of 250 lines per visual component to ensure maintainability.

React 19 & Vite Standards

Name: React 19 & Vite Standards
Author: george-popescu

bygeorge-popescu

0•

開発者ツール

Implements React 19 standalone conventions and patterns using Vite, React Router v7, and TypeScript strict mode.

This skill provides a comprehensive framework for building modern, high-performance React applications. It specializes in React 19's latest features, such as the use() hook, useActionState, and optimistic UI updates, while enforcing strict TypeScript patterns and functional component architecture. Whether you are scaffolding a new project or refactoring existing code, this skill ensures your application follows industry-standard patterns for component composition, state management (supporting Redux, Zustand, and TanStack Query), and type-safe routing with React Router v7.

主な機能

01Component architecture enforcement (Function components, Single Responsibility)

02React 19 core hook implementations (use, useActionState, useOptimistic)

030 GitHub stars

04Strict TypeScript interface and prop destructuring patterns

05Cross-library state management (Zustand, Redux Toolkit, TanStack Query)

06React Router v7 framework and data mode patterns

ユースケース

01Implementing type-safe data loading and form actions in enterprise apps

02Scaffolding new React 19 projects with Vite and React Router v7

03Refactoring legacy React components into modern functional patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add george-popescu/bee-dev stacks

For use in Claude.ai and ChatGPT