Redux

What it does

This skill enables AI agents to assist with managing application state using Redux or Redux Toolkit. It facilitates creating slices, configuring stores, handling asynchronous logic, and connecting React components for predictable data management. The skill supports migration from classic Redux to Redux Toolkit, improving maintainability and scalability of applications.

When to use it

• When you need to manage global application state in a predictable way.
• For creating slices using createSlice and configuring the store with configureStore.
• To handle asynchronous logic using createAsyncThunk or RTK Query.
• When integrating Redux into React components via useSelector and useDispatch hooks.

Key capabilities

• Creating Redux slices with createSlice.
• Configuring the Redux store with configureStore.
• Handling asynchronous logic using createAsyncThunk or RTK Query.
• Using useSelector and useDispatch hooks in React components.
• Supporting migration from classic Redux to Redux Toolkit.

Example prompts

• "Create a Redux slice for managing user authentication."
• "Configure the store with a counter reducer using Redux Toolkit."
• "Show me how to use useSelector to access the current count value in my React component."

Tips & gotchas

• First, identify the specific state domain you need to manage before creating a slice.
• This skill is focused on assisting with Redux and Redux Toolkit code generation and guidance; it doesn't cover general development tasks.