Learn React and Redux by examples by Vinod Kayartaya

Learn React and Redux by examples

31 lectures - 5 hr 37 mins

What's included?

Video Icon 29 videos File Icon 1 file

Course content

Course Intro
4 mins
Software setup
3 mins
Demo apps.zip
5.49 MB
EcmaScript essentials (ES6, ES7, ES8... NextGen JavaScript)
Using "let" and "const"
7 mins
Template strings
12 mins
Arrow functions
12 mins
Spread and rest operators
7 mins
Classes and objects
6 mins
Object destructuring
6 mins
Promise and async-await
16 mins
Learn React by examples
A quick overview of ReactJS
3 mins
Create a new React JS project
2 mins
Hello, React
19 mins
Using props
9 mins
Handling events
7 mins
Stateful components
9 mins
Stateless components
5 mins
Using refs
12 mins
Controlled components
9 mins
Form validation
18 mins
Lifecycle of a React component
24 mins
Working with arrays
12 mins
Using AJAX for getting data from REST endpoint
10 mins
Higher order components
22 mins
What is the buzz about Virtual-DOM
11 mins
State management with multiple components
15 mins
Learn Redux by examples
Introduction to Redux
24 mins
Using Redux+Thunk with React
36 mins
Learn Routing by examples
React router for SPA
14 mins
Using route parameters in React SPA
18 mins


  • Basics of HTML, CSS and JavaScript
  • Eagerness to learn

What will you learn in this course?

  • Build super fast reactive web apps
  • Understand JSX thoroughly
  • Create reusable components
  • Differentiate between stateless and stateful components
  • Handle events
  • Work with controlled and uncontrolled components
  • Understand and create Higher order components
  • Share state amongst components using Parent-Child association
  • Use Redux for state management
  • Create Single Page Applications (SPA) using React Router

Who this course is for:

  • Software developers
  • College students who want to learn the most popular and in-demand tool


This course is fully up-to-date with the latest version of React (16.12.0)  and includes Redux and Routing  feature!

What's this course about?

Learn React and Redux by coding examples. Learn all aspects of the most popular JavaScript framework today using simple but very powerful examples.

For a long time, JavaScript has been the key element of the world wide web. Historically, it's been used for front end validations, dynamic menus, making some AJAX requests etc.

But things have changed since the introduction of Single Page Applications (SPAs). The first major such framework was Angularjs (1.x) from Google, which eventually made way to the new Angular 2, which now is called just Angular. Angular is a very complete framework addressing each and every issue that an application needs.

Developers at Facebook reased a completely different kind of framework called React (or ReactJS), which uses a combination of plain JavaScript and HTML elements (in XML syntax), called JSX. Unlike the Angular framework, this one simply addresses the View part of MVC. The main goal of a React application is to breakdown the entire web application into a bunch HTML-like elements called Components. A component defines the visual appearance of your UI, while converting the data it holds into user interface elements.

Using these components, you can quickly develop amazing and powerful web apps. These components are completely reusable.

This course will start from ground zero and explain what exactly React is and how you may use it (and for which kind of apps). Thereafter, we'll go all the way from basic to advanced. We'll not just scratch the surface but dive deeply into React as well as popular libraries like react-router and Redux. 

By the end of the course, you can build amazing React (single page) applications!

Hi. My name is Vinod

Hi, my name is Vinod, and I am a software trainer, consultant and freelance developer. I am the creator some of the highest rated courses on Udemy. In my professional career, I have trained hundreds of thousands of software engineers. Teaching is not only my profession, but also a passion. Creating online courses gives me the opportunity to reach and help students across the world.