Learn React with TypeScript 3

Key concepts

The whole state of the application lives inside what is called a store. The state is stored in a JavaScript object like the one following:

{  products: [{ id: 1, name: "Table", ...}, {...}, ...],  productsLoading: false,  currentProduct: { id: 2, xname: "Chair", ... },  basket: [{ product: { id: 2, xname: "Chair" }, quantity: 1 }],};

In this example, the single object contains these:

• An array of products
• Whether the products are being fetched from a web API
• The current product the user is looking at
• The items in the users basket

The state won't contain any functions or setters or any getters. It's a simple JavaScript object. The store also orchestrates all the moving parts in Redux. This includes pushing actions though reducers ...