redux-toolkit

Configure Redux stores with slices, thunks, and typed hooks.

7|Updated Jan 29, 2026

Search Tags:#typescript #state-management #redux #slices #rtk-query #redux-toolkit #thunks

Ready to run

npx skills add https://github.com/joabgonzalez/ai-agents-skills --skill redux-toolkit-joabgonzalez

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: redux-toolkit
Source: https://github.com/joabgonzalez/ai-agents-skills/tree/main/skills/redux-toolkit
Command: npx skills add https://github.com/joabgonzalez/ai-agents-skills --skill redux-toolkit-joabgonzalez

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Redux boilerplate and manual wiring for actions, reducers, and thunks leads to verbose code and risk of inconsistent patterns. Redux Toolkit provides opinionated, battle-tested utilities to reduce boilerplate, enforce best practices, and improve type safety across Redux usage.

Core Features & Use Cases

Create slices with createSlice to define reducers and actions, using Immer for safe mutations.
Configure a store with configureStore and generate typed hooks (useAppDispatch, useAppSelector) for type-safe state access.
Simplify async logic with createAsyncThunk and RTK Query for data fetching, caching, and invalidation.

Quick Start

Install Redux Toolkit in your project and initialize a typed store with slices and thunks.

Frequently Asked Questions about redux-toolkit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I reduce Redux boilerplate in my React application?▼

You can reduce Redux boilerplate by using Redux Toolkit to create slices with createSlice, which automatically generates actions and reducers while using Immer for safe state mutations.

What is the best way to set up a typed Redux store with TypeScript?▼

The best way to set up a typed Redux store is using configureStore from Redux Toolkit, then generating typed hooks like useAppDispatch and useAppSelector for type-safe state access.

How do I handle async logic and server data fetching in Redux?▼

Handle async logic and server data fetching in Redux by using createAsyncThunk or RTK Query, which simplify data fetching, caching, and invalidation for global state management.

Can I use Redux Toolkit to enforce consistent state management patterns?▼

Yes, Redux Toolkit enforces consistent state management patterns by providing opinionated, battle-tested utilities that reduce manual wiring and improve type safety across your application.

Do I need to install Redux Toolkit separately to manage global state?▼

Yes, you need to install @reduxjs/toolkit separately to wire a store with configureStore and optionally set up typed hooks and RTK Query for async operations.