Does this skill support the new React Compiler?

Yes, it includes specific configurations for the babel-plugin-react-compiler to enable automatic memoization and performance optimizations in React 19.

Can I use this on an existing Vite project?

Yes, the skill provides modular configurations that can be applied to existing projects to upgrade them to React 19 or adopt stricter TypeScript and Biome rules.

How does the TypeScript configuration improve code quality?

It enables strict mode along with flags like noUncheckedIndexedAccess and verbatimModuleSyntax, ensuring safer array access and more predictable module handling.

What testing frameworks are included in the setup?

The skill configures Vitest as the primary test runner, integrated with React Testing Library and JSDOM for comprehensive unit and component testing.

Why does this setup use Biome instead of ESLint and Prettier?

Biome is significantly faster than ESLint and Prettier combined, offering a single, performant tool for both linting and formatting which reduces project complexity.

React 19 Tooling & Setup

Name: React 19 Tooling & Setup
Author: tianzecn

bytianzecn

•

生産性とワークフロー

Configures a production-ready React 19 environment with Vite, TypeScript, Biome, and Vitest.

概要

This skill provides a comprehensive, standardized blueprint for initializing or updating React 19 projects with a modern frontend stack. It automates the complex configuration of the React Compiler for optimized rendering, strict TypeScript rules for enhanced type safety, and Biome for lightning-fast linting and formatting. By integrating Vitest for testing and providing optimized VSCode settings, this skill ensures your development environment is consistent, performant, and follows industry best practices from day one.

主な機能

Standardized project scripts and VSCode workspace optimization
1 GitHub stars
Comprehensive testing infrastructure with Vitest and React Testing Library
React 19 and React Compiler integration for automatic memoization
Strict TypeScript configuration with bundler-mode resolution
Biome setup for high-speed unified linting and formatting

ユースケース

Migrating legacy ESLint and Prettier setups to Biome for improved performance
Initializing a new React 19 project with a production-grade configuration
Standardizing tool configurations across multiple frontend repositories

概要

主な機能

Standardized project scripts and VSCode workspace optimization
1 GitHub stars
Comprehensive testing infrastructure with Vitest and React Testing Library
React 19 and React Compiler integration for automatic memoization
Strict TypeScript configuration with bundler-mode resolution
Biome setup for high-speed unified linting and formatting

ユースケース

Migrating legacy ESLint and Prettier setups to Biome for improved performance
Initializing a new React 19 project with a production-grade configuration
Standardizing tool configurations across multiple frontend repositories