react-expert

React performance optimization using React.memo and code splitting prevents unnecessary component re-renders and reduces initial bundle size. This Skill provides expert guidance on implementing these techniques alongside virtual lists to efficiently render large datasets without UI lag.

The best way to manage state in modern React involves using Context API and Zustand for predictable data flow. This Skill covers advanced strategies comparing useReducer, Context API, and Zustand to help you choose the right pattern for complex dashboard applications and state synchronization.

Building custom hooks in React with TypeScript involves encapsulating reusable stateful logic while maintaining strict type safety. This Skill demonstrates how to create robust custom hooks like useFetch, emphasizing best practices for component composition and seamless TypeScript integration.

Next.js Server Components and Server Actions work with the App Router by executing code on the server to reduce client-side JavaScript and enable direct data mutations. This Skill provides expert guidance on implementing these modern patterns for improved application performance.

You can refactor legacy class-based React components to functional components and hooks to significantly improve readability and performance. This Skill offers expert-level guidance on migrating class lifecycle methods to modern hooks like useEffect and useCallback.

Your useEffect hook causes infinite loops when dependencies update on every render, which you fix by memoizing values with useMemo or useCallback. This Skill covers advanced hook usage and best practices for testing components with React Testing Library.