How do I set up TypeScript with Redux?

How do I set up TypeScript with Redux?

To set up TypeScript with Redux, you'll need to install the necessary packages. Start by running npm install redux react-redux @types/react-redux.

What about configuring the store?

You can create a store by using createStore from Redux. Make sure to type your state and actions properly.

Can you show me an example of a reducer?

Sure! Here's a simple reducer example:

const initialState = { count: 0 };

const counterReducer = (state = initialState, action: { type: string }) => {
  switch (action.type) {
    case 'INCREMENT':
      return { ...state, count: state.count + 1 };
    case 'DECREMENT':
      return { ...state, count: state.count - 1 };
    default:
      return state;
  }
};

How do I connect the reducer to the store?

You can connect the reducer to the store by passing it to createStore like this:

import { createStore } from 'redux';
const store = createStore(counterReducer);