Learn React with TypeScript 3

Creating actions

In this section, we are going to create two actions for getting the products and indicating that products are being loaded.

1. Let's start by creating a ProductsActions.ts file with the following import statement:

import { ActionCreator, AnyAction, Dispatch } from "redux";

These are a few types from Redux that we are going to use when implementing our actions.

2. One of our actions is going to be asynchronous. So, let's import a type from redux-thunk ready for when we implement this action:

import { ThunkAction } from "redux-thunk";

3. Let's add another import statement so that we can use our fake API:

import { getProducts as getProductsFromAPI } from "./ProductsData";

We've renamed the API function to getProductsFromAPI to ...