Master React Redux via Real world analogy & Building Project
- Description
- Curriculum
- FAQ
- Reviews
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.
-
1Course IntroductionVideo lesson
-
2Know Your Instructor & Get Help/SupportText lesson
-
3What is ReduxVideo lesson
-
4Redux real world explanationVideo lesson
-
5Installing nodejs and VS codeVideo lesson
-
6Creating new react applicationVideo lesson
-
7Code cleanupVideo lesson
-
8Understanding React application flow and JSXVideo lesson
-
9Installing the required npm packagesVideo lesson
-
10Redux lifecycleVideo lesson
-
11Creating the required foldersVideo lesson
-
12Creating Actions and Action constantsVideo lesson
-
13Creating product reducerVideo lesson
-
14Combine all reducersVideo lesson
-
15Creating the product storeVideo lesson
-
16Redux DevTools and ProviderVideo lesson
-
17Creating components template filesVideo lesson
-
18Understanding the package json fileVideo lesson
-
19Creating and Understanding first react componentVideo lesson
-
20Creating skeleton for all other componentsVideo lesson
-
21Implementing static and dynamic routing of componentsVideo lesson
-
22Applying styling to components by inline style and css classVideo lesson
-
23Accessing state information from store inside componentVideo lesson
-
24Designing the Product ComponentVideo lesson
-
25Get Fake Product List in All Products component from APIVideo lesson
-
26Dispatch action from the componentVideo lesson
-
27Modifying the reducer to update the state informationVideo lesson
-
28Styling and displaying all products on the home screenVideo lesson
-
29Dynamic Navigation to Product Detail page on click of a productVideo lesson
-
30Get Product Id from url and get product details from the APIVideo lesson
-
31Dispatch the selected product to the reducer and get it back in componentVideo lesson
-
32Styling Product Details page and showing data with conditional JSXVideo lesson
-
33Adding routing on the logoVideo lesson
-
34Remove the previous product and directly load the product on details screenVideo lesson
-
35Exploring Action and State information on redux Dev ToolsVideo lesson
