React, React Redux and Redux Saga - Master React State/Hooks

Adding Income and Expenses.

Creating our income and expense history

Add transactions

Add transactions

Creating a MainHeader component

Create our ButtonSaveOrCancel React Component

Creating our NewEntryForm React Component

Refactoring our DisplayBalance React Component

Creating our DisplayBalances React Component

Creating our EntryLine React Component

Adding Hooks and State

Pushing changes to GitHub

Creating State using useState

Mapping a array of objects.

Creating a component that renders multiple components

Adding keys to the repeated components

Adding a DeleteEntry function

Adding a new Entry

Adding a toggle to identify the type of entry

Creating a model to edit the entries

Formatting our modal

Making our components more reusable

Refactoring to manage the state

More Refactoring state

Making the modal work with useEffect

Final adjustments to state and we done

Calculating the totals using useEffect

Displaying totals, can we do some Redux now?

Fixing warning and committing all the state changes

Create Redux Store

Dispatching actions with Redux

Dispatch with payload with Redux

Fixing the code and Subscribing to all store changes in Redux

Creating a new Redux Action

Creating Action Functions for Redux

Creating a Reduce

Combine Redux reducers in one store

Refactoring our Redux to Actions, Reducers and Store

React Redux combining our Redux with our React components

React Redux Hook useDispatch

Adding a new entry with React Redux Hooks

Using UUIDs for the entry ID

Installing and Configuring Redux Dev Tools

Installing and Configuring Redux Dev Tools

Creating our first custom hook useEntryDetails

New Redux action and new Redux Reducer update entry

Creating a new Redux Store (and action and reducer)

Dispatching new actions to the new Redux Store

Open the modal after the dispatch

Closing the modal on dispatch

Loading the modal data

Making our custom hook even better

Adding an update dispatch to our custom hook

Firing 2 dispatches at once

Cleaning up the custom hook for easy use

Installing json-server

Understanding the json-server backend

Installing redux-saga middleware

Creating and running our first saga

Introduction to Generator Functions and Yield Returns

Understanding "infinity" function generators

Driving the point home, Generator functions and Yield returns

Understanding Saga Effect Take

Creating a function to automatically start all Sagas

Understanding Saga Effect PUT

Understanding Saga Effect CALL

Cleaning up the way for sagas

Removing the initial data from the reducer and fetching it from the backend

Creating part of our first real Saga using Take

Querying data from our saga using CALL

Adding data to the UI using PUT

Understand another Saga Effect FORK

Splitting our Backend to have two endpoints to use with Fork

Implementing Saga Effect FORK in our app

Getting all the entry details at the same time and update the UI as it arrives

Cleaning up the code before the more advanced challenges

Redux Saga Advanced Effect - TAKEEVERY

Saga Advanced Effects CANCEL and CANCELLED

Saga Advanced Effects TAKELATEST

Cleaning up the code before add the new Advanced Saga Effects

Deleting an Item (the long way)

Reviewing the Blocking Saga

Importing our Add Entries Saga to our Saga Initializer

Adding TakeLatest to our application

Updating the UI using PUT with TakeLatest