Learn React with TypeScript 3

Adding basket state and actions to the store

We'll add state management for our basket in this section. We'll create a new section in our store for this.

1. First, let's create a new file for the types called BasketTypes.ts with the following content:

import { IProduct } from "./ProductsData";export enum BasketActionTypes {  ADD = "BASKET/ADD"}export interface IBasketState {  readonly products: IProduct[];}export interface IBasketAdd {  type: BasketActionTypes.ADD;  product: IProduct;}export type BasketActions = IBasketAdd;

• There is only one piece of state in our basket and that's an array of products in the basket.
• There is only one action as well. This is to add a product to the basket.

2. Let's create a file called BasketActions.ts with the ...