Library

Course: Learn React and Redux by Examples

Learn React and Redux by Examples

  • Life Time Access
  • Certificate on Completion
  • Access on Android and iOS App
About this Course

This course is fully up-to-date with the latest version of React (16.8) and includes the newly introduced React Hooks 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 raised 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!

Who's teaching you in this course?

My name is Vinod Kumar Kayartaya, I'm a freelance web developer, consultant and a full time professional software trainer. All of my Simpliv courses have received a very warm appreciation with ratings >= 4.8.

Since I have an enormous experience in the I.T. teaching industry, I know exactly what a student is looking for when learning a new technology. This way, I would have answered your question, even before you ask them.

For all of my courses, I start from the very basic installation of software and tools, and get you started with coding.

NO advanced JavaScript knowledge is required, though you'll be able to move even quicker through the course if you know next-gen JavaScript features like ES6 Arrow functions. Whatever the necessary ES 6/7/8 features that we will be using in React applications, are covered before that.

I hope you will take the first step and enroll yourself for this course.

Wish you all the best,

happy learning.

Vinod

Basic knowledge
  • Basics of HTML, CSS and JavaScript
  • Eagerness to learn
What you will learn
  • 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
Curriculum
Number of Lectures: 26
Total Duration: 05:04:59
Introduction
  • Course Introduction  

    Course Introduction

  • Software setup  
EcmaScript essentials (ES6, ES7, ES8... NextGen JavaScript)
  • Using "let" and "const"  
  • Template strings  

    Template strings

  • Arrow functions  

    Arrow functions

  • Spread and rest operators  

    Spread and rest operators

  • Classes and objects  

    Classes and objects

  • Object destructuring  

    Object destructuring

  • Promise and async/await  

    Promise and async/await

Learn React by examples
  • A quick overview of ReactJS  

    A quick overview of ReactJS

  • Hello, React!  

    Hello, React!

  • Using props  

    Using props

  • Handling events  

    Handling events

  • Stateful component  

    Stateful component

  • Stateless component  

    Stateless component

  • Using refs  

    Using refs

  • Controlled components  

    Controlled components

  • Form validation  

    Form validation

  • Lifecycle of a React component  

    Lifecycle of a React component

  • Working with arrays  

    Working with arrays

  • Using AJAX for getting data from REST endpoint  

    Using AJAX for getting data from REST endpoint

  • Higher order components  

    Higher order components

  • What is the buzz about Virtual-DOM?  

    What is the buzz about Virtual-DOM?

  • State management with multiple components  

    State management with multiple components

Learn Redux by examples
  • Introduction to Redux  

    Introduction to Redux

  • Using Redux+Thunk with React  

    Using Redux+Thunk with React

Reviews (0)