off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Modern React with Redux

Develop Apps Supported by NPM, Webpack & ES6 with This Foundational Intro

What's Inside

Take the first step towards mastering modern web development with the Modern React with Redux tutorial. React is a JavaScript library used to build large applications with data that changes over time. With Redux, you can better structure and query those large applications--skills that will put you in a better position to stay ahead of the curve in the constantly changing web marketplace. From an introduction to JXS straight through to topics like reducers, actions and the state tree, this course will be a great foundation for your modern web development education.

Access over 97 lectures & 10.5 hours of content
Stay up to date with course pacing w/ source code provided for every lecture
Build amazing single page applications w/ React JS and Redux
Master fundamental concepts behind structuring Redux applications
Realize the power of building composable components
Become fluent in the toolchain supporting React, including NPM, Webpack, Babel, & ES6/ES2015 Javascript syntax

Course Curriculum

An Intro to React

Introduction - Github Links for Project Files! - 3:39
Start
Completed Projects - Github Links
Start
The Purpose of Boilerplate Projects - 3:43
Start
Environment Setup - 1:46
Start
Project Setup - 2:54
Start
A Taste of JSX - 11:31
Start
More on JSX - 4:37
Start
ES6 Import Statements - 4:00
Start
ReactDOM vs React - 2:27
Start
Differences Between Component Instances and Component Classes - 3:39
Start
Render Targets - 5:55
Start
Component Structure - 6:28
Start
Youtube Search API Signup - 6:41
Start
Export Statements - 8:42
Start
Class-Based Components - 8:13
Start
Handling User Events - 9:32
Start
Introduction to State - 5:15
Start
More on State - 6:06
Start
Controlled Components - 7:49
Start
Breather and Review - 3:38
Start

Ajax Requests with React

Youtube Search Response - 4:28
Start
Refactoring Functional Components to Class Components - 7:45
Start
Props - 7:44
Start
Building Lists with Map - 7:08
Start
List Item Keys - 3:55
Start
Video List Items - 7:55
Start
Detail Component and Template Strings - 7:07
Start
Handling Null Props - 4:43
Start
Video Selection - 11:41
Start
Styling with CSS - 3:44
Start
Searching for Videos - 7:53
Start
Throttling Search Term Input - 5:48
Start
React Wrapup - 5:26
Start

Modeling Application State

Foreword on Redux - 2:16
Start
What is Redux? - 2:46
Start
More on Redux - 3:43
Start
Even More on Redux! - 4:21
Start

Managing App State with Redux

Reducers - 7:45
Start
Containers - Connecting Redux to React - 7:25
Start
Containers Continued - 4:02
Start
Implementation of a Container Class - 10:48
Start
Containers and Reducers Review - 4:11
Start
Actions and Action Creators - 7:33
Start
Binding Action Creators - 9:43
Start
Creating an Action - 6:47
Start
Consuming Actions in Reducers - 7:18
Start
Consuming Actions in Reducers Continued - 5:07
Start
Conditional Rendering - 6:40
Start
Reducers and Actions Review - 5:04
Start

Intermediate Redux: Middleware

App Overview and Planning - 5:12
Start
Component Setup - 7:59
Start
Controlled Components and Binding Context - 9:58
Start
Form Elements in React - 6:30
Start
Working with API's - 8:14
Start
Introduction to Middleware - 7:29
Start
Ajax Requests with Axios - 13:05
Start
Redux-Promise in Practice - 10:17
Start
Redux-Promise Continued - 10:57
Start
Avoiding State Mutations in Reducers - 9:55
Start
Building a List Container - 6:56
Start
Mapping Props to a Render Helper - 6:09
Start
Adding Sparkline Charts - 9:56
Start
Making a Reusable Chart Component - 6:02
Start
Labeling of Units - 10:39
Start
Google Maps Integration - 13:04
Start
Google Maps Integration Continued - 6:08
Start
Project Review - 5:01
Start

React Router + Redux Form

App Overview and Goals - 6:51
Start
Exploring the Posts Api - 13:28
Start
Installing React Router - 2:36
Start
React Router - What is It? - 5:36
Start
Setting Up React Router - 4:41
Start
Route Configuration - 5:18
Start
Nesting Of Routes - 8:04
Start
IndexRoutes with React Router - 5:06
Start
Back To Redux - Index Action - 5:52
Start
Catching Data with Posts Reducer - 6:31
Start
Catching Data with Posts Reducer Continued - 2:39
Start
Fetching Data with Lifecycle Methods - 5:45
Start
Fetching Data with Lifecycle Methods Continued - 6:52
Start
Creating New Posts - 5:25
Start
Navigation with the Link Component - 4:28
Start
Forms and Form Submission - 10:14
Start
More on Forms and Form Submission - 7:39
Start
Passing Control to Redux Form - 7:53
Start
CreatePost Action Creator - 11:23
Start
Form Validation - 8:30
Start
Form Validation Continued - 8:53
Start
Navigating on Submit - 12:39
Start
Posts Index - 4:33
Start
Dynamic Route Params - 7:11
Start
Loading Data on Render - 5:47
Start
Handling Null Props - 5:33
Start
Delete Action Creator - 7:09
Start
Navigate on Delete - 2:26
Start
ReactRouter and ReduxForm Wrapup - 7:04
Start

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Get started now!