Redux Notes

This repo follows Redux Course Notes in learning Redux through reverse engineering, the notes itself are based on Dan Abramov's Redux video course.

Aim is to build a simple Todo app using Redux principles and API. At the end I've also added redux hooks as an upgrade. I've kept all logic in index.js to help with readability and quick reference to concepts.

Screenshot

Topics Covered

Each commit on this PR implements topics covered in origional Redux course notes. See list of commits to main.

Topic/Concept	Implementation
Writing Counter Reducer	SHA
Implementing createStore() from scratch	SHA
Implementing Counter React component	SHA
Implementing todos reducer for adding and toggling a todo list	SHA
Reducer composition with Arrays	SHA
Reducer composition with Objects	SHA
Reducer composition with combinedReducers	SHA
Implementing combinedReducers from scratch	SHA
Todo Example (Add Todo)	SHA
Todo Example (Toggle Todo)	SHA
Todo Example (Filtering Todos)	SHA
Extracting Presentational Components from TodoApp	SHA
Extracting Container Components	SHA
Passing down store explicitly	SHA
Passing down store implicitly via Context	SHA
Generating VisibleTodoList container with connect()	SHA
Generating AddTodo container with connect()	SHA
Generating FilterLink container with connect()	SHA
Exracting Action Creators	SHA
Simplifying arror function	SHA
Add redux hooks (useSelector, useDispatch)	SHA

Development

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.