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.

Build Web Apps with React JS and Flux

Use the Architecture Designed by Facebook to Build Beautiful, Responsive Web Apps

What's Inside

Flux is an architecture used internally by Facebook to leverage its Dispatcher library to help manage an applications state. In conjunction with ReactJS, it is hugely beneficial in streamlining web apps. This course is designed to teach you the core fundamentals of React and Flux, and how they're implemented with one another.

Access over 73 lectures & 9.5 hours of content
Build amazing single page applications w/ React JS and Flux
Master fundamental concepts behind structuring React applications
Realize the power of building composable components
Become fluent in the toolchain supporting React, including NPM, Gulp, Browserify, & Watchify

Course Curriculum

Start Here - Dive In!

Introduction - 2:11
Start
Link to Github Repository
Start
JSX Markup In Our Views - 6:41
Start
Quick Note
Start
First Application - Basic Building Blocks - 3:36
Start
First Application - Creating a React Class - 5:02
Start
First Application - Showing Content - 5:00
Start

Intermediate Concepts

Exploring Props - Customizing Views - 5:52
Start
Exporing Props - Wiring Up Our Data - 7:48
Start
Composition - Views Within Views - 7:52
Start
Composition - Props Selection - 12:05
Start
Lists - 10:36
Start

Tooling

Tooling - Breaking Up Our Code - 11:48
Start
Tooling - Applying NPM - 13:54
Start
Tooling - Exporting Code - 9:50
Start
Tooling - Gulpfile - 19:45
Start
Tooling - Final Refactor - 16:46
Start

State and Events

Exploring State and Events - Purpose of State - 9:03
Start
Exploring State and Events - State Applied - 16:14
Start
Exploring State and Events - Bringing Button Back - 9:32
Start
Exploring State and Events - Adding Content - 13:22
Start
Exploring State and Events - Toggling Visibility - 10:42
Start
Exploring State and Events - Selecting Items - 11:23
Start

Working with Remote Data on Firebase

Firebase - Building From a New Start - 4:09
Start
Firebase - Firebase Signup and Integration - 8:40
Start
Firebase - Building Our Application Architecture - 2:46
Start
Firebase - Hooking Up Our Remote Datastore - 11:08
Start
Firebase - Scaffolding the Header - 6:00
Start
Firebase - Handling Form Inputs - 11:38
Start
Firebase - Pushing Data to Firebase - 9:40
Start
Firebase - Rendering a List of Items - 14:50
Start
Firebase - Waiting on Data Before Rendering - 8:09
Start
Firebase - Building Item Components - 12:14
Start
Firebase - Updating Data to the Remote Datastore - 8:54
Start
Firebase - Debugging Firebase Update - 2:58
Start
Firebase - Allowing Editing and Undoing - 7:36
Start
Firebase - Saving Edits - 6:19
Start
Firebase - Bulk Delete Data - 7:49
Start

Flux and React Router

Project Overview - 8:11
Start
Imgur API Overview - 9:10
Start
Imgur API in Detail - 8:15
Start
React Router Demo - 8:58
Start
Nesting Routes - 5:17
Start
Refactor to Separate Rendering and Routing - 5:59
Start
In-App Navigation - 10:46
Start

Flux - Downwards Data Flow

Implementing Fetch - 8:24
Start
Working with Fetch's Promise - 8:54
Start
Display a List of Topics - 5:13
Start
Fetching Data Naively - 8:28
Start
Working With Stores - 8:23
Start
Triggering Changes From a Store - 9:56
Start
Working with Actions - 6:58
Start
Recap of Flux Data Fetching - 5:01
Start
Routing with Parameters - 7:35
Start
Matching Parameters - 6:58
Start
Rendering Topics in the Header - 7:33
Start
React Router Helpers - 5:06
Start
Implementing Image Store - 13:55
Start

Combining Flux and React Router

Refetching Data on Rerender - 6:49
Start
Scaffolding Image Previews - 7:45
Start
Filtering Image Data - 9:54
Start
Playing Videos on Mouseover - 11:17
Start
Showing a Play Button for Each Image - 4:06
Start
Adding an Image Stats Overlay - 3:40
Start
Scaffolding Image Detail - 4:36
Start
Fetching Single Records from a Store - 6:17
Start
Fetching Single Records from a Store Continued - 6:47
Start
Rendering an Image Detail - 5:03
Start
Actions With Multiple Methods - 7:20
Start
Listening to Many Changes in a Component - 4:10
Start
CSS Animations - 6:48
Start
Closing Comments and Next Steps - 4:06
Start
React Router Installation Note - Do Not Skip
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!