Modern React with Redux

Modern React with Redux

$39 $10

Master the fundamentals of React and Redux with this tutorial as you develop apps supported by NPM, Webpack, and ES6

Product Description

This is the tutorial you’ve been looking for to master modern web development with React.

Redux? We got it. ES6/Babel? Covered. Webpack? Included!

Mastering React and Redux can get you a position in web development or help you build that personal project you’ve been dreaming of. It’s a skill that will put you more in demand in the modern web development industry, especially with the release of Redux and ReactNative.

This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build React components and structure applications with Redux.

We’ll start by mastering the fundamentals of React, including JSX, “props”, “state”, and eventing. Source code is provided for each lecture, so you will always stay up-to-date with the course pacing. After an introduction to React, we’ll dive right in to Redux, covering topics like reducers, actions, and the state tree.

If you are new to React and Redux, or if you’ve been working to learn it but sometimes feel like you still don’t quite ‘get it’, this is the React course for you! To learn React you have to understand it.

  • Learn how to use React’s custom markup language, JSX, to clean up your Javascript code
  • the process of breaking down a complex component into many smaller, interchangeable components
  • the difference between “props” and “state” and when to use each
  • complex applications that scale in complexity by mastering Redux
  • deeper into Redux by using middlewares. No fancy terms required!

I’ve built the course that I would have wanted to take when I was learning React and Redux. A course that explains the concepts and how they’re implemented in the best order for you to learn and deeply understand them.

What am I going to get from this course?
Build amazing single page applications with React JS and Redux
Master fundamental concepts behind structuring Redux applications
Realize the power of building composable components
Be the engineer who explains how Redux works to everyone else, because you know the fundamentals so well
Become fluent in the toolchain supporting React, including NPM, Webpack, Babel, and ES6/ES2015 Javascript syntax

Who is the target audience?
Programmers looking to learn React
Developers who want to grow out of just using jQuery
Engineers who have researched React but have had trouble mastering some concepts


  • Introduction and Getting Started
  • The Purpose of Boilerplate Projects
  • Environment Setup
  • Project Setup
  • A Taste of JSX
  • More on JSX
  • ES6 Import Statements
  • ReactDOM vs React
  • Component Instances
  • Render Targets
  • Component Structure
  • Youtube Search API Signup
  • Export Statements
  • Class-based Components
  • Handling User Events
  • Introduction to State
  • State Continued
  • Controlled Components
  • Breather and Review
  • Youtube Search Response
  • Refactoring Functional Components to Class Components
  • Props
  • Building Lists with Map
  • List Item Keys
  • Video List Items
  • Detail Component and Template Strings
  • Handling Null Props
  • Video Selection
  • Styling with CSS
  • Searching for Videos
  • Throttling Search Term Input
  • React Wrapup
  • Foreword on Redux
  • What is Redux Part 1
  • What is Redux Part 2
  • What is Redux Part 3
  • Reducers
  • Containers - Connecting Redux to React
  • Containers Continued
  • Container Implementation
  • Container and Reducer Review
  • Actions and Action Creators
  • Binding Action Creators
  • Creating an Action
  • Consuming Actions in Reducers
  • Consuming Actions in Reducers Continued
  • Conditional Rendering
  • Reducers and Actions Review
  • App Overview and Planning
  • Component Setup
  • Controlled Components and Binding Context
  • Form Elements in React
  • Working with APIs
  • Introduction to Middleware
  • AJAX Requests with Axios
  • Redux-Promise in Practice
  • Redux-Promise in Practice, Continued
  • Avoiding State Mutations in Reducers
  • Building a List Container
  • Mapping Props to a Render Helper
  • Adding Sparkline Charts
  • Making a Reusable Chart Component
  • Labeling Units
  • Google Maps Integration
  • Google Maps Integration Continued
  • Project Review

Course Requirements

A Mac or PC
Hurry up! The price rises inRefreshing countdownClose Countdown


Register | Lost your password?