What problem does it solve?
This Skill provides a comprehensive set of standards and best practices for developing React applications, ensuring consistency, maintainability, and quality across projects. It addresses common issues like inconsistent coding styles, poor project structure, and lack of standardized workflows.
Core Features & Use Cases
- Standardized Tech Stack: Defines preferred libraries and versions for React, TypeScript, state management, testing, etc.
- Monorepo Architecture: Guides the setup and structure of monorepos using pnpm and Turborepo.
- Coding Standards: Enforces strict TypeScript, React component patterns, and specific library usage (Zustand, TanStack Query).
- Git Conventions: Implements Conventional Commits for clear and consistent commit messages.
- Testing Strategy: Outlines a robust testing approach with Vitest, Testing Library, and Playwright.
- Documentation Management: Provides templates and guidelines for PRDs, HLDs, LLDs, and ADRs.
- Use Case: When starting a new React project or onboarding a new developer, this Skill ensures everyone adheres to the same high standards, leading to a more robust and scalable codebase.
Quick Start
Use the react-best-practices skill to help me set up a new React project following all defined standards.
