redux-toolkit

Solid

Redux Toolkit patterns including slice creation, async thunks, RTK Query, state normalization, and DevTools integration.

AI & Automation 814 stars 53 forks Updated today MIT

Install

View on GitHub

Quality Score: 95/100

Stars 20%
97
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Redux Toolkit Skill Expert assistance for implementing Redux Toolkit in React applications with modern patterns and best practices. ## Capabilities - Create Redux slices with reducers and actions - Implement async operations with createAsyncThunk - Set up RTK Query for data fetching - Configure state normalization with createEntityAdapter - Integrate Redux DevTools and middleware - Type Redux state and actions with TypeScript ## Usage Invoke this skill when you need to: - Set up Redux Toolkit in a new project - Create feature slices with typed state - Implement async data fetching - Configure RTK Query endpoints - Migrate from legacy Redux ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | featureName | string | Yes | Name of the feature/slice | | stateShape | object | Yes | Initial state structure | | asyncActions | array | No | Async thunks to create | | useRTKQuery | boolean | No | Whether to use RTK Query | | entityAdapter | boolean | No | Use entity adapter for normalization | ### Configuration Example ```json { "featureName": "users", "stateShape": { "items": [], "selectedId": null, "status": "idle", "error": null }, "asyncActions": ["fetchUsers", "createUser", "updateUser"], "useRTKQuery": false, "entityAdapter": true } ``` ## Generated Patterns ### Slice with Entity Adapter ```typescript import { createSlice, createEntityAdapter, PayloadAction } from '@reduxjs/toolkit'; impo...

Details

Author
a5c-ai
Repository
a5c-ai/babysitter
Created
4 months ago
Last Updated
today
Language
JavaScript
License
MIT

Integrates with

Related Skills