Course Kingdom
HomeCoursesJobsWebinarsBlogSavedAboutTelegram
Course Kingdom

Course Kingdom is an initiative to provide free education in a legit way. We provide free coupons of premium courses from different platforms, webinars, and job opportunities.

Quick Links

  • Home
  • Courses
  • Categories
  • Webinars
  • Jobs
  • Blog
  • Saved Courses
  • About Us
  • FAQ
  • Terms and Conditions
  • Privacy Policy

Social

  • Telegram

© 2026 Course Kingdom. All rights reserved.

Course Kingdom

— Course —

  1. Home
  2. Courses
  3. Master React Redux via Real world analogy & Building Project
Master React Redux via Real world analogy & Building Project
IT & Software

25 June, 2022

Learn React Redux in the most simple way through real world example and hands-on project based approach

$89.00FREE

Master React Redux via Real world analogy & Building Project

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.

Enroll NowJoin us on Telegram
Udemy Courses TelegramSubscribe on YouTube
Share
← Back to all courses

Related Courses

NEWMicrosoft Office: Excel, Word, PowerPoint and Teams for Pro
Office Productivity

Microsoft Office: Excel, Word, PowerPoint and Teams for Pro

21 June, 2026
$89.00FREE
NEWSocial Media Graphics Design and Video Editing with Canva
Design

Social Media Graphics Design and Video Editing with Canva

21 June, 2026
$89.00FREE
NEWCours de Certification Professionnelle en Ingénierie de l’IA
Development

Cours de Certification Professionnelle en Ingénierie de l’IA

21 June, 2026
$89.00FREE
Microsoft Excel - The Complete Excel Data Analysis Course
Office Productivity

Microsoft Excel - The Complete Excel Data Analysis Course

20 June, 2026
$89.00FREE
From Sanatan Hindu

Explore Sanatan Hindu Wisdom

Discover articles on Hindu rituals, mantras, festivals, and spiritual practices from sanatanhindu.co.in

🙏
Poojas

Ayurveda and Wellness: A Comprehensive Guide to Ancient Indian Practices

Discover the ancient Indian practice of Ayurveda and its significance in modern wellness

22 June, 2026
🙏
Poojas

Mantras and Aartis: A Spiritual Guide

Discover the significance of mantras and aartis in Hinduism

22 June, 2026
🙏
Poojas

Understanding Sanskars in Hinduism: A Comprehensive Guide

Explore the significance and rituals of Sanskars in Hinduism

22 June, 2026
🙏
Poojas

Types of Pujas and their Purposes

Discover the significance and types of pujas in Hinduism

22 June, 2026
Understanding Lunar Eclipses in Hinduism
Poojas

Understanding Lunar Eclipses in Hinduism

Lunar eclipses, or Chandra Grahan, hold spiritual significance in Hinduism, influencing rituals and practices.

22 June, 2026
Teej Festival — Hariyali, Kajari and Hartalika Compared
Festivals

Teej Festival — Hariyali, Kajari and Hartalika Compared

Discover the significance of Teej Festival, its types, and how to celebrate

22 June, 2026
Visit Sanatan Hindu