Migrate React components from Redux and redux-saga data fetching to SWR hooks.
npx skills add https://github.com/cockroachdb/cockroach --skill redux-to-swr
Please help me install this Agent Skill. Skill: redux-to-swr Source: https://github.com/cockroachdb/cockroach/tree/main/pkg/ui/.claude/skills/redux-to-swr Command: npx skills add https://github.com/cockroachdb/cockroach --skill redux-to-swr
Converting React components from Redux + redux-saga data fetching to SWR hooks involves many coordinated changes across reducers, sagas, selectors, connected components, and tests, and missing any step leaves stale store slices or broken selectors behind.
Migrate the schema insights page in cluster-ui from Redux and sagas to SWR hooks following this migration guide.
High-intent search queries and answers about installing and using this skill.
Create an SWR hook wrapping the existing fetcher, replace mapStateToProps and mapDispatchToProps with direct hook calls, then delete the reducer, saga, and selector files. Finally remove the slice from combineReducers and the saga fork registration.
Replace the saga's watch-and-dispatch flow with a useSwrWithClusterId hook that calls the API fetcher directly. SWR handles caching, deduplication, and revalidation, eliminating the need for success/failure actions and reducer updates.
Mock the hook with jest.spyOn on the API module and return the full SWR shape including data, isLoading, error, mutate, and isValidating. Wrap components in MemoryRouter when they use useParams or useHistory.
Yes, use a bridge component that reads SWR hook state and dispatches it into a minimal Redux slice so existing selectors and alert banners keep working. Remove the bridge once all consumers are migrated.
Destructure the bound mutate from the read hook and call it after a successful write performed via useSwrMutationWithClusterId. Prefer the bound mutate over SWR's global mutate so the correct cache key is revalidated.
pch007Connect json-render's StateStore to a Redux store for React UI state.
xbpk3tDetect unrelated db/schema.rb changes by cross-referencing schema diffs with PR migrations.
opencodosOptimize React/Next.js components with memoization and code-splitting techniques.
Basilisk-SystemsStandardize React state management with Redux Toolkit and RTK Query.
