react-web

The best way to manage state in a React web application is using local state for UI, Zustand for global state, and React Query for server state. This Skill standardizes these specific state management patterns to ensure consistency and maintainability across your project.

To build React components using test-first development, you create a test file first and ensure tests fail before writing any implementation code. This Skill enforces writing tests before implementation for both components and hooks using React Testing Library.

Yes, you can use Tailwind CSS and React Hook Form together in your web development workflow. This Skill integrates React Hook Form with Zod for validation and recommends Tailwind CSS alongside CSS Modules for styling React components.

Playwright handles end-to-end testing for React applications by running E2E test suites against your web app. This Skill covers component testing with React Testing Library and E2E testing with Playwright to ensure robust application quality.

You should optimize React performance using memoization and code splitting when building modern, performant web applications. This Skill advises on these specific performance patterns to prevent bottlenecks and maintain quality across projects.