Guide modern React component design, hooks, state management, and TypeScript practices.
npx skills add https://github.com/STier-Ai/stier --skill react-patterns-stier-ai
Please help me install this Agent Skill. Skill: react-patterns Source: https://github.com/STier-Ai/stier/tree/main/.gemini/skills/react-patterns Command: npx skills add https://github.com/STier-Ai/stier --skill react-patterns-stier-ai
This Skill addresses the challenges in building scalable and maintainable React applications by providing a comprehensive guide to modern React patterns and principles.
useLocalStorage, useDebounce, and useFetch.useState, useReducer, Context, and libraries like React Query and SWR.Execute the skill to review the best practices for React component design.
High-intent search queries and answers about installing and using this skill.
Modern React patterns for scalable component design involve structuring applications using server, client, presentational, and container components. This approach separates concerns to improve maintainability across your application architecture.
Choosing the right React state management solution depends on complexity: use useState for local state, useReducer for complex state logic, and Context for sharing state across the tree without prop drilling.
React performance optimization should be targeted and based on profiling results rather than premature. Apply fixes like memoization only when profiling identifies measurable rendering bottlenecks in your application.
Common React anti-patterns to avoid in TypeScript projects include improper props typing, excessive hook dependencies, and mismanaging component state. Following established TypeScript best practices prevents these structural issues.
Implementing React error boundaries involves wrapping component trees to catch JavaScript errors anywhere in the child component tree, log those errors, and display a fallback UI to enable graceful error recovery.
vamseeachantaGenerate foundational project templates and boilerplates with TypeScript typing and test scaffolding.
fm-dev-mxImplement automated tests for the Celebra-me project using Jest, React Testing Library, and Playwright.
mweinbachHandle API requests, caching, and offline support in React Native.
ryasrkGuide React state management with useState, Context, Zustand, and React Query.