What state management solution does it recommend?

The skill focuses on TanStack Query for server-state (data fetching) and Zustand for lightweight, boilerplate-free global client-state.

How does it handle Tailwind CSS configuration?

It is optimized for Tailwind v4, which utilizes a Vite plugin architecture, removing the need for a separate tailwind.config.js file.

Can I use this for routing?

The skill includes patterns for React Router 7, supporting modern data loading and action-based routing.

Does this skill support the latest React 19 features?

Yes, it includes guidance for React 19 specific features like Actions, the use() hook, and React Server Components (RSC) patterns.

Is this skill compatible with TypeScript?

Yes, it is strictly built for TypeScript, providing patterns for typed props, polymorphic components, and custom hooks.

React Frontend Stack

Name: React Frontend Stack
Author: timequity

bytimequity

디자인 도구

Implements high-performance React applications using the modern 2025 stack including React 19, Vite, and Tailwind CSS v4.

소개

The frontend-react skill provides a comprehensive blueprint for building modern, type-safe web applications using the latest industry standards. It streamlines development by enforcing best practices for React 19, managing server state with TanStack Query, and styling with Tailwind CSS v4's Vite-native architecture. Whether you are setting up a new project structure, implementing complex polymorphic components, or managing global state with Zustand, this skill ensures your frontend code remains maintainable, performant, and aligned with current 2025 development patterns.

주요 기능

0 GitHub stars
Type-safe component patterns including polymorphic and functional components
Modern Tailwind CSS v4 utility-first styling implementation
Production-ready TanStack Query patterns for efficient data fetching
Automated React 19 and Vite project scaffolding
Boilerplate-free state management using Zustand and custom hooks

사용 사례

Refactoring legacy React components or Redux state into modern functional hooks and Zustand stores
Bootstrapping a new TypeScript-based React application with a pre-configured Vite and Tailwind environment
Implementing complex UI components with accessibility, proper props typing, and utility-first styling

소개

주요 기능

0 GitHub stars
Type-safe component patterns including polymorphic and functional components
Modern Tailwind CSS v4 utility-first styling implementation
Production-ready TanStack Query patterns for efficient data fetching
Automated React 19 and Vite project scaffolding
Boilerplate-free state management using Zustand and custom hooks

사용 사례

Refactoring legacy React components or Redux state into modern functional hooks and Zustand stores
Bootstrapping a new TypeScript-based React application with a pre-configured Vite and Tailwind environment
Implementing complex UI components with accessibility, proper props typing, and utility-first styling