Learn and Understand React JS

Build Web Apps with React JS and Flux

$29 $7

Master the fundamentals of React as you develop applications supported by Gulp, NPM, and Browserify.


Product Description

updates: 34 new videos added on Flux and React Router + 15 videos added on how to work with remote data using Firebase!

Master this new library created by Facebook engineers to make scalable and super fast web applications!

Mastering React 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 Flux 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.

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.

If you are new to React, 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.
  • Learn the process of converting JSX to raw Javascript on the fly in your browser.
  • Master the process of breaking down a complex component into many smaller, interchangeable components.
  • Grasp the difference between “props” and “state” and when to use each.
  • Learn how to construct your own automated build process using Gulp and Browserify to automatically prepare your React code for deployment.
  • Use Bootstrap to get awesome-looking components.

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

Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years.

What am I going to get from this course?

  • Over 21 lectures and 3.5 hours of content!
  • Learn how to build real applications with React JS
  • Master fundamental concepts behind structuring React applications
  • Realize the power of building composable components
  • Be the engineer who explains how React works to everyone else, because you know the fundamentals so well
  • Become fluent in the toolchain supporting React, including NPM, Gulp, Browserify, and Watchify

What 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
  • JSX Markup In Our Views
  • First Application - Basic Building Blocks
  • First Application - Creating a React Class
  • First Application - Showing Content
  • Exploring Props - Customizing Views
  • Exporing Props - Wiring Up Our Data
  • Composition - Views Within Views
  • Composition - Props Selection
  • Lists
  • Tooling - Breaking Up Our Code
  • Tooling - Applying NPM
  • Tooling - Exporting Code
  • Tooling - Gulpfile
  • Tooling - Final Refactor
  • Exploring State and Events - Purpose of State
  • Exploring State and Events - State Applied
  • Exploring State and Events - Bringing Button Back
  • Exploring State and Events - Adding Content
  • Exploring State and Events - Toggling Visibility
  • Exploring State and Events - Selecting Items
  • Firebase - Building From a New Start
  • Firebase - Signing up and Integrating Firebase
  • Firebase - Building Our Application Architecture
  • Firebase - Hooking Up Our Remote Datastore
  • Firebase - Scaffolding the Header
  • Firebase - Handling Form Inputs
  • Firebase - Pushing Data to Firebase
  • Firebase - Rendering a List of Items
  • Firebase - Waiting on Data Before Rendering
  • Firebase - Building Item Components
  • Firebase - Updating Data to the Remote Datastore
  • Firebase - Debugging Firebase Update
  • Firebase - Allowing Editing and Undoing
  • Firebase - Saving Edits
  • Firebase - Bulk Delete Data
  • Project Overview
  • Imgur API Overview
  • Imgur API In Detail
  • React Router Demo
  • Nesting Routes
  • Refactor to Separate Rendering and Routing
  • In App Navigation
  • Implementing Fetch
  • Working with Fetchs Promises
  • Display a List of Topics
  • Fetching Data Naively
  • Working with Stores
  • Triggering Changes From a Store
  • Working with Actions
  • Recap of Flux Data Fetching
  • Routing with Parameters
  • Matching Parameters
  • Rendering Topics in the Header
  • React Router Helpers
  • Implementing Image Store
  • Refetching Data on Rerender
  • Scaffolding Image Previews
  • Filtering Image Data
  • Playing Videos on Mouseover
  • Showing a Play Button for Each Image
  • Adding an Image Stats Overlay
  • Scaffolding Image Detail
  • Fetching Single Records from a Store
  • Fetching Single Records from a Store Continued
  • Rendering an Image Detail
  • Actions With Multiple Methods
  • Listening to Many Changes in a Component
  • CSS Animations
  • Closing Comments and Next Steps

Course Requirements

Basic JavaScript knowledge

Hurry up! The price rises inRefreshing countdownClose Countdown


Register | Lost your password?