How do I use redux-actions in my React app?

How do I use redux-actions in my React app?

To use redux-actions, first install it via npm. Then, you can create action creators using the createAction function.

Can you show me an example of creating an action?

Sure! Here's a simple example:

import { createAction } from 'redux-actions';

export const addTodo = createAction('ADD_TODO');

What about handling these actions in a reducer?

In your reducer, you can use handleActions to manage the state based on the actions:

import { handleActions } from 'redux-actions';

const todosReducer = handleActions({
  ADD_TODO: (state, action) => [...state, action.payload],
}, []);

Is there a way to handle multiple actions at once?

Yes! You can pass an object to handleActions to handle multiple actions in one go. Just map each action to its corresponding handler.