Learn React Hooks

Setting up the Redux store

In order to keep things simple initially, and to show how Redux works, we are not going to use connectors for now. We are simply going to replace the state object, and the dispatch function that was previously provided by a Reducer Hook, with Redux.

Let's set up the Redux store now:

1. Edit src/App.js, and import the useState Hook, as well as the createStore function from the Redux library:

import React, { useState, useEffect, useMemo } from 'react'import { createStore } from 'redux'

2. Below the import statements and before the App function definition, we are going to initialize the Redux store. We start by defining the initial state:

const initialState = { todos: [], filter: 'all' }

3. Next, we are going to use the ...