Guide React development with best practices for hooks, state, and forms.
npx skills add https://github.com/zangxin75/openclaw-skills --skill react-zangxin75
Please help me install this Agent Skill. Skill: React Source: https://github.com/zangxin75/openclaw-skills/tree/main/react Command: npx skills add https://github.com/zangxin75/openclaw-skills --skill react-zangxin75
This Skill helps developers build efficient, user-friendly React applications by providing best practices and avoiding common pitfalls in component development, state management, and performance optimization.
useEffect patterns, dependency management, and cleanup.useMemo, startTransition, and Promise.all to improve application speed.useReducer for complex updates.useActionState for robust form handling.Use the React skill to refactor the useEffect hook in the UserProfile component to include proper cleanup for event listeners.
High-intent search queries and answers about installing and using this skill.
To fix direct state mutation in React, you should avoid modifying state objects directly and instead create new state references. This Skill provides guidance on identifying and correcting common state mutation mistakes to ensure proper component rendering.
Handling async operations inside useEffect requires proper patterns to avoid race conditions and memory leaks. This Skill explains async patterns, dependency array management, and cleanup functions to manage data fetching and event listeners effectively.
Optimizing slow re-renders in React involves using hooks like useMemo and startTransition to prevent unnecessary recalculations. This Skill helps identify performance bottlenecks related to state management and sequential data fetching.
Yes, you can use useReducer for complex state updates to colocate state effectively. This Skill provides best practices for state architecture, helping you transition from useState to useReducer for manageability.
Yes, this Skill supports modern React 19 features including form actions, useActionState, and optimistic updates. It provides best practices for robust form handling and managing UI state before server confirmation.
Rendering 0 for falsy conditions in React happens when using logical AND operators with numeric falsy values. This Skill helps you avoid common component mistakes by providing correct conditional rendering patterns.
RoyMcCrainDetect JavaScript frameworks and configure Clerk authentication with SDKs and environment variables.
phuonghxOptimize Next.js and React applications for data fetching, bundle size, and rendering performance.
AngelP17Implement React state management patterns with Redux Toolkit, Zustand, Jotai, and React Query.
0xRayAIStandardize frontend development across React, Vue, Angular, and Svelte frameworks.