Guides React development with best practices for component architecture, state management, and TypeScript integration.
npx skills add https://github.com/pedronauck/skills --skill react-pedronauck
Please help me install this Agent Skill. Skill: react Source: https://github.com/pedronauck/skills/tree/main/skills/react Command: npx skills add https://github.com/pedronauck/skills --skill react-pedronauck
This Skill provides a comprehensive guide to building robust, maintainable, and performant React applications, ensuring adherence to modern best practices and efficient development workflows.
Review the 'references/best-practices.md' file for detailed React development guidelines.
High-intent search queries and answers about installing and using this skill.
The best way to manage React state is by separating concerns: use useState and useReducer for local state, Zustand for client state, and TanStack Query for server state. This hierarchy ensures robust data fetching and maintainable architecture.
Structure React components by enforcing functional components and the single responsibility principle. This approach separates data fetching, state management, and UI rendering, leading to scalable and reusable component architecture.
You test React custom hooks and components using Vitest by writing effective tests that validate component rendering and hook logic. This ensures application reliability and prevents regressions in your React development workflow.
Yes, you can implement TypeScript integration with React by applying strong typing to props, custom hooks, and components. This works alongside state management tools like useReducer and Zustand to ensure type-safe development.
You need Error Boundaries when fetching data with TanStack Query to gracefully catch and handle unexpected rendering errors. This approach ensures robust error handling and prevents the entire React application from crashing.
i5tingTeach Node.js fundamentals including NVM setup, npm, and Git workflows.
gaia-reactScaffold React component structures with Vitest tests and Storybook stories.
dinoudonCreate reusable UI components with React and Storybook.
rodmena-limitedGuide React, Next.js, and Vue frontend development with best practices.
