Full Redux Course-Redux from Beginner To Advanced Level 2022

Master Redux basics as a state management tool with a central data store, reducers, actions with a type and payload, and dispatch to update and manage the state.

Set up the Redux project by installing Redux and React-Redux, create a store folder with an index.js, and consolidate all state management logic in a single index.

Build a working counter app with Redux by creating a store, defining a reducer with an initial counter, wiring actions, dispatching increments and decrements, and connecting components via React-Redux.

Learn to manage complex redux state with Redux Toolkit, using configureStore and createSlice to auto-generate reducers and actions, mutate state safely with Immer, and dispatch slice actions.

Explore how Redux and the redux toolkit power a shopping cart app, from login to cart state management, Firebase backend, and real-time notifications for add-to-cart actions.

Clone the redux shopping app starter from GitHub, switch to the starting branch, install dependencies, and run npm start to see a redux-based shopping interface.

Create an auth slice with Redux Toolkit to manage login and logout, configure the store, and conditionally render the shopping list when the user is logged in.

Create a cart slice in Redux to manage cart items, show or hide the cart, and implement add-to-cart and remove-from-cart functionality with quantity and total price updates.

Learn to display and manage cart items with Redux by mapping cart items from state, updating total quantity, and toggling the cart view with show/hide logic.

Add to cart, remove items, and adjust quantities in cart items; update the total price, and wire the cart slice with Redux actions and dispatch for payload-driven updates.

Refine the Redux cart slice to fix the cart icon display and total price calculations. Enforce correct item quantity, add-to-cart behavior, and logout flow across the cart UI.

Learn how to set up firebase for redux and handle asynchronous data flow without reducers by using use effect in components or action creator, including starting a firebase project.

Explore how redux manages cart state and triggers http requests to a firebase real time database, using useSelector and useEffect to sync front-end updates with the backend.

Create a Redux-based notification system for HTTP requests by building a notification component, a UI slice, and dispatching loading, success, and error messages with Material UI alerts.

Fetch cart data from Firebase by implementing a Redux thunk, updating the cart slice with replace data, handling errors, and gating fetches on app open.