In this course, you will Learn React Redux in the most simple way through real world example and
hands-on project based approach.
Following are the topics we will cover:
1.1-What is Redux
1.2-Redux real world explanation
1.3-Installing nodejs and VS code
1.4-Creating new react application
1.5-Code cleanup
1.6-Understanding React application flow and JSX
1.7-Installing the required npm packages
1.8-Redux lifecycle
1.9-Creating the required folders
2.1-Creating Actions and Action constants
2.2-Creating product reducer
2.3-Combine all reducers
2.4-Creating the product store
2.5-Redux DevTools and Provider
2.6-Creating components template files
2.7-Understanding the package json file
2.8-Creating and Understanding first react component
2.9-Creating skeleton for all other components
3.1-Implementing static and dynamic routing of components
3.2-Applying styling to components by inline style and css class
3.3-Accessing state information from store inside component
3.4-Designing the Product Component
3.5-Get Fake Product List in All Products component from API
3.6-Dispatch action from the component
3.7-Modifying the reducer to update the state information
3.8-Styling and displaying all products on the home screen
4.1-Dynamic Navigation to Product Detail page on click of a product
4.2-Get Product Id from url and get product details from the API
4.3-Dispatch the selected product to the reducer and get it back in component
4.4-Styling Product Details page and showing data with conditional JSX
4.5-Adding routing on the logo
4.6-Remove the previous product and directly load the product on details screen
4.7-Exploring Action and State information on redux Dev Tools
You will learn about various react hooks.
You will get the complete source code for the course.
Implementing Action Reducer and Store
Working on Components and API data
-
11Creating Actions and Action constants
-
12Creating product reducer
-
13Combine all reducers
-
14Creating the product store
-
15Redux DevTools and Provider
-
16Creating components template files
-
17Understanding the package json file
-
18Creating and Understanding first react component
-
19Creating skeleton for all other components
Routing Designing Dispatching Action
-
20Implementing static and dynamic routing of components
-
21Applying styling to components by inline style and css class
-
22Accessing state information from store inside component
-
23Designing the Product Component
-
24Get Fake Product List in All Products component from API
-
25Dispatch action from the component
-
26Modifying the reducer to update the state information
-
27Styling and displaying all products on the home screen
Source code
-
28Dynamic Navigation to Product Detail page on click of a product
-
29Get Product Id from url and get product details from the API
-
30Dispatch the selected product to the reducer and get it back in component
-
31Styling Product Details page and showing data with conditional JSX
-
32Adding routing on the logo
-
33Remove the previous product and directly load the product on details screen
-
34Exploring Action and State information on redux Dev Tools