How to properly use TypeScript with redux-actions?

Hi.

I couldn’t get my typings to work with redux-actions. Would be great to have a section in the documentation showing the usage.

It’s always returning a failure of typings, I don’t understand what else I need to do in order to make it work.

This “works”:

const reducer: Reducer<State> = handleActions<State>(
  {
    [actions.request.toString()]: (state: State, payload) => ({
      ...state,
      someData: payload,
    }),
   initialState,
);

The problem starts when I try to add types to my payload. None of below worked:

const reducer: Reducer<State> = handleActions<State>(
  {
    [actions.request.toString()]: (state: State, payload: Payload) => ({
      ...state,
      someData: payload,
    }),
   initialState,
);

const reducer: Reducer<State> = handleActions<State, Payload>(
  {
    [actions.request.toString()]: (state: State, payload: Payload) => ({
      ...state,
      someData: payload,
    }),
   initialState,
);

I’m having the same difficulties for using createActions.

[the-dr-lazy]

Hello all.

I don’t think the pattern of redux-actions can give a full type inferring capability. at least not yet. Also, there is no official support for typescript in redux-actions. All of these makes using redux-actions in typescript hard and misleading.

That’s why I have just published thebrodmann/deox as a good alternative to redux-actions for typescript use cases with full power of type inferring without any type information losing. I hope it makes sense.

[jake-daniels]

I agree with @karol-majewski here. We use redux-actions in production together with TypeScript. The redux store should be one of the key parts of the system with bulletproof types. Could you, guys, take a look at it, adjust the types and make it work also with Redux 4?