Does this skill support the latest React 19 features?

Yes, it specifically includes standards for React 19 hooks such as use(), useActionState, and useOptimistic for modern form handling and async data.

What are the component architecture rules?

It enforces function-only components, single responsibility, a 250-line maximum per visual component, and the separation of business logic into custom hooks.

How does it handle state management?

It provides patterns for local state, Context API, and detects existing libraries like Redux Toolkit, Zustand, or TanStack Query to maintain project consistency.

Which router does this skill use?

It implements React Router v7, preferring 'framework mode' with file-based route modules for type-safe data loading and navigation.

Bee React Stacks

Name: Bee React Stacks
Author: BEE-CODED

byBEE-CODED

0•

设计工具

Implements modern React 19 standards and patterns using Vite, React Router v7, and TypeScript strict mode.

The Bee React Stacks skill provides a comprehensive framework for building production-grade React applications. It enforces React 19 best practices, including functional component architecture, compound component patterns, and advanced hook usage like useActionState and useOptimistic. By integrating React Router v7's framework mode and strict TypeScript conventions, this skill ensures type-safe data loading, efficient state management, and high-performance component composition, making it ideal for developers aiming for modern, maintainable frontend architectures.

主要功能

01React 19 native hook implementations (use, useActionState, useOptimistic)

020 GitHub stars

03React Router v7 framework mode with type-safe loaders and actions

04Compound component patterns and strict functional architecture

05Comprehensive state management guidelines for Context, Zustand, and Redux

06Optimized data fetching with AbortController and Suspense patterns

使用场景

01Implementing complex forms with optimistic UI and server-side action tracking

02Scaffolding new React 19 projects with Vite and TypeScript strict mode

03Refactoring class components or legacy hooks to modern React 19 patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bee-coded/bee-dev stacks

For use in Claude.ai and ChatGPT