React Frontend Best Practices

The skill

Provides domain-specific best practices for building React Single Page Applications with TypeScript. Use when developing, structuring, or reviewing a React SPA — including feature-based architecture, component and hook placement, TypeScript type safety, functional component patterns, performance optimisation (useCallback/useMemo/stable handlers), CSS Modules styling, routing with centralised route constants, data fetching with TanStack React Query, internationalization (i18n), accessibility (a11y/ARIA), environment variable validation, and unit testing with Vitest + React Testing Library. Also covers the pre-commit quality gate (lint, typecheck, test, coverage, snapshots) and Conventional Commits. Trigger terms: React SPA, React component, custom hook, CSS Modules, React Query, react-i18next, Vitest, React Testing Library, feature folder, route constants, component placement.

This skill's licence does not allow redistribution, so the store does not show its text. Read it at the source.