Learn React & Redux, the complete guide 2018

ReactJS is one of the most in-demand javascript frameworks, and its popularity keeps rising as more companies begin to adopt it. Have a look at the charts here on npm trends. It keeps getting popular, and there's no better time to add it to your portfolio. This course is the cumulation of everything you need to become a professional React developer.

Redux is a state management library and is very popular in the world of frontend development. In this course, you'll not just learn how to use Redux independently with vanilla Javascript, but you'll master the art of using this state management library hand in hand with React.

This course starts from the very basics, explaining exactly what React and Redux are, when and how to use it. The problem with most of the React community is lack of understanding of the fundamental principles. This course focuses on providing a very deep understanding of React and Redux.

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 Thunk.

By the end of the course, you'll be able to build almost any sort of single page application.

What will you build?

This course uses a project driven approach, which means you will learn by doing. In every single lesson, you'll learn something new, while building on real-world projects. At the end of this course, you will build and deploy numerous real-world applications, thus having a complete portfolio in React and Redux. Here are some of the projects you'll build:

  • Complete todos manager application with React
  • Complete blog single page application with ReactJS
  • Forum application with React & Redux What should you bring to succeed in this course?

A basic understanding of HTML, CSS, and Javascript are required to succeed in this course.

What will you learn?

You'll learn:

  • How to build an deploy real-world applications with React and Redux
  • Frontend state management with redux
  • Single page application routing with React router.
  • Asynchronous server communication in React / Redux applications using redux thunk.
  • Debugging React / Redux applications
  • Building powerful, fast and user-friendly reactive web applications. Who was this course built for?

This course is for you if:

You're just getting started with frontend / Javascript development and only JS basics set (No prior knowledge of ReactJS or any other frontend framework is required)

  • You know the basics of React and want to five deeper
  • You want to understand how ReactJS works with Redux
  • You want to build a portfolio with numerous ReactJS projects

Introduction

Introduction to THE COMPLETE REACT-JS & REACT ROUTER AUTHENTICATION GUIDE

Setting up webpack 4 for react-js

In this section, we'll learn how to setup webpack 4 for react-js applications

Build a complete todos app with ReactJS

Using all we've learned on ReactJS, let's build a todos app that communicates with a real API.

REACT ROUTER

LEARN REACT ROUTER

REACT CONCEPTS

Understanding react concepts

Build a fullstack blog with ReactJS

In this section, we'll build a full stack blog with react 16

Learn Redux

LEARN REDUX

Build a complete forum with React-Redux

Build a react forum