Introduction To React And Redux: Code Web Apps In JavaScript

No Rating(0)
See all reviews

This course is designed for those interested to learn how to code web apps using React and Redux.

Watch Free For 30 Days

start free access


buy single class $199
  • On Demand Video Lessons
  • Course Certificate
  • 24/7 Support

About This CourseBeginner

Do you want to learn to build beautiful, well-functioning web apps? Join web developer Chris Veillette in this course for beginners to start building web apps today.

Why React?

React is an efficient and flexible JavaScript library for building user interfaces. Many popular websites including Instagram, Facebook, Netflix, and Imgur use React.

What will I learn?

  • How to lay out a web app in a logical way
  • JSX, a pre-processor that adds XML syntax to JavaScript
  • The foundations of building a single-page app using React Router
  • How to use Web Pack, a bundler for code
  • How to transition from webpack 1.0 to webpack 2.0
  • How to write modular CSS. Instead of having one global CSS file, you can break it down into components. This makes your CSS simple and declarative.
  • How to use Redux, a predictable state container for JavaScript apps
  • How to refactor code (alter code to make it simpler and more efficient)
  • How to fix bugs and handle errors
  • How to code in ES6 & JavaScript

Who is the target audience?

  • Developers who want to learn about React and Redux.
  • Coders who want to learn to build web apps.
  • Coders who want to learn JavaScript.


  • Modern web browser
  • Basic HTML/CSS knowledge
  • This course was recorded on a Mac computer.

Our Promise to You

By the end of this course, you will have learned how to code web apps using React and Redux.

30 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.

Get started today and learn more about coding web apps using React and Redux.

Course Curriculum

Course Sections

Top 10 Things You Will Learn

Common Pitfalls And Mistakes

Quick Wins With React

Webpack Version Explanation

Introduction To React And JSX Part 1

Introduction To React And JSX Part 2

Introduction To React And JSX Part 3

Introduction To React And JSX Part 4

Source Code 01: Setup

Virtual DOM And Classes

ES6 Webpack Dev Server

React Components

React Components (Cont’d)

React Component Validators

React States Part 1

React States Part 2

React States Part 3

React State Part 4

React States Part 5

React States “componentWillUnmount”

React States Webpack Hot Reloading

React Event Handling Part 1

React Event Handling Part 2

React Event Handling Part 3

React Event Handling Part 4

React Event Handling Part 5

React Props.Children

React Router

React Router Direct URL

React Router Wildcard

React Router “Indexroute”

React Router Profile

React Router Nested Routes

React Router User Profile

React Router Redirects

React Redirects

React Router Profile

React Router Back Button

React Router Activeclassname

React Router Active Inline Styles

React Router Navlinks Components

React Slight Refactoring

React Slight Refactoring (Cont’d)

React Products Component Part 1

React Products Component Part 2

React Products Component Part 3

React Products Component Part 4

React Products Component Part 5

React Products Component Part 6

React Basic CSS Framework

React Basic CSS Framework (Cont’d)

React CSS Modules

React CSS Styling Part 1

React CSS Styling Part 2

React CSS Styling Part 3

React CSS Styling Part 4

React CSS Styling Part 5

React CSS Styling Part 6

React CSS Extract To Separate File

React CSS Extract To Separate File (Cont’d)

Intro To Redux Part 1

Intro To Redux Part 2

Intro To Redux Part 3

Intro To Redux Part 4

Redux Store

Redux Store (Cont’d)

Redux Store Subscribe

Redux Store Subscribe (Cont’d)

Redux Combine Reducers

Adding Redux To React Part 1

Adding Redux To React Part 2

Adding Redux To React Part 3

Adding Redux To React Part 4

Delete Names

Babel And Spread Operators

Action Creators

Profile Page

Dispatch And OnEnter

Refactor Into Separate Files

Refactor Into Separate Files (Cont’d)

Product Page

Product Profile Page

Initial State In CreateStore

Initial State In CreateStore (Cont’d)

Adding Generated Names With Faker

Fake Backend And Middleware

Thunk Middleware

Thunk Checking State

Get Profile Part 1

Get Profile Part 2

Get Profile Part 3

Get Profile Part 4

Get Names / Refactor

Add Random Name

Add Random Name (Cont’d)

Refactor Name Reducers

Using Actions

Error Handling Part 1

Error Handling Part 2

Error Handling Part 3

Product List

Product List (Cont’d)

Product Profile

Product Profile (Cont’d)

Error Handling Refactor

Error Handling Refactor (Cont’d)

Loading Spinner

Loading Spinner (Cont’d)

Error Component

Adding Reviews Part 1

Adding Reviews Part 2

Adding Reviews Part 3

Adding User Reviews

Refining Review Containers Part 1

Refining Review Containers Part 2

Refining Review Containers Part 3

Adding Prototypes

Adding Prototypes (Cont’d)

Action Types

Refactoring Error Handling

Refactoring Error Handling (Cont’d)

Migrating To Webpack2

Hot Reloading

Hot Reloading (Cont’d)

HTML Webpack Plugin

Simple Production Build

Dev Config File Update

Final Style Part 1

Final Style Part 2

Final Style Part 3

Final Style Part 4

Final Style Part 5

Styling NavBar

Styling Product List Part 1

Styling Product List Part 2

Styling Product List Part 3

Styling Product Profile

Styling Product Profile (Cont’d)

Styling Review

Styling Review (Cont)

Styling Continued

Styling Namelist Part 1

Styling Namelist Part 2

Styling Namelist Part 3

Styling Layout Footer

Styling Layout Footer (Cont’d)

General Layout Styling

General Layout Styling (Cont’d)

Font Work And More Styling

Final Thoughts


No Reviews found for this course.