web-state-redux-toolkit
Redux Toolkit Patterns
Quick Guide: Use Redux Toolkit for complex client state requiring DevTools, middleware, or entity normalization. Use RTK Query for data fetching with caching. For simpler UI state, a lighter state management solution may be more appropriate. NEVER use legacy Redux patterns (createStore, combineReducers manually, switch statements in reducers).
Detailed Resources:
- For code examples, see examples/ folder:
- core.md - Store setup, slices
- typed-hooks.md - Type-safe hooks
- rtk-query.md - Data fetching
- entity-adapters.md - Normalized state
- async-thunks.md - Async operations
- selectors.md - Memoized selectors
- rtk-2-features.md - RTK 2.0: combineSlices, inline selectors, buildCreateSlice
- middleware.md - Custom middleware
- testing.md - Testing patterns
- integrations.md - Redux Persist
- For decision frameworks and anti-patterns, see reference.md
More from agents-inc/skills
web-animation-css-animations
CSS Animation patterns - transitions, keyframes, scroll-driven animations, @property, GPU-accelerated properties, accessibility with prefers-reduced-motion
24web-animation-view-transitions
View Transitions API patterns - same-document transitions, cross-document MPA transitions, shared element animations, pseudo-element styling, accessibility
21web-testing-playwright-e2e
Playwright E2E testing patterns - test structure, Page Object Model, locator strategies, assertions, network mocking, visual regression, parallel execution, fixtures, and configuration
21web-styling-cva
Class Variance Authority - type-safe component variant styling with cva(), compound variants, and VariantProps
20web-animation-framer-motion
Motion (formerly Framer Motion) animation patterns - motion components, variants, gestures, layout animations, scroll-linked animations, accessibility
20web-i18n-next-intl
Type-safe i18n for Next.js App Router
19