Overview

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 Redux1.2-Redux real world explanation1.3-Installing nodejs and VS code1.4-Creating new react application1.5-Code cleanup1.6-Understanding React application flow and JSX1.7-Installing the required npm packages1.8-Redux lifecycle1.9-Creating the required folders2.1-Creating Actions and Action constants2.2-Creating product reducer2.3-Combine all reducers2.4-Creating the product store2.5-Redux DevTools and Provider2.6-Creating components template files2.7-Understanding the package json file2.8-Creating and Understanding first react component2.9-Creating skeleton for all other components3.1-Implementing static and dynamic routing of components3.2-Applying styling to components by inline style and css class3.3-Accessing state information from store inside component3.4-Designing the Product Component3.5-Get Fake Product List in All Products component from API3.6-Dispatch action from the component3.7-Modifying the reducer to update the state information3.8-Styling and displaying all products on the home screen4.1-Dynamic Navigation to Product Detail page on click of a product4.2-Get Product Id from url and get product details from the API4.3-Dispatch the selected product to the reducer and get it back in component4.4-Styling Product Details page and showing data with conditional JSX4.5-Adding routing on the logo4.6-Remove the previous product and directly load the product on details screen4.7-Exploring Action and State information on redux Dev ToolsYou will learn about various react hooks.You will get the complete source code for the course.

Skills

Reviews