frontend-patterns

To build production-ready React apps, apply frontend best practices including memoization, code splitting, virtualization, and error boundaries. This skill guides you in combining these performance tactics with accessibility-focused UI behaviors to reduce defects and accelerate delivery.

Choose Zustand for lightweight local or global client state management, and use React Query for server state, caching, and optimistic updates. Separating client and server state strategies prevents inconsistent component architecture and avoidable data synchronization bugs.

You need React composition patterns when building reusable UI logic that requires clear ownership of state. Compound components and render props allow you to structure flexible component architectures without prop drilling, reducing inconsistent implementations across your application.

Implement React performance and accessibility best practices by applying memoization, code splitting, and virtualization techniques alongside error boundaries. This skill provides expert guidance to build accessibility-friendly UI behaviors that meet frontend production requirements.

Yes, React Query is specifically recommended for managing server state, caching, and optimistic updates in React applications. It handles data fetching and synchronization, allowing Zustand to manage the remaining lightweight local or global state independently.