Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Build Web Apps with React JS and Flux
Start Here - Dive In!
Introduction (2:11)
Link to Github Repository
JSX Markup In Our Views (6:41)
Quick Note
First Application - Basic Building Blocks (3:36)
First Application - Creating a React Class (5:02)
First Application - Showing Content (5:00)
Intermediate Concepts
Exploring Props - Customizing Views (5:52)
Exporing Props - Wiring Up Our Data (7:48)
Composition - Views Within Views (7:52)
Composition - Props Selection (12:05)
Lists (10:36)
Tooling
Tooling - Breaking Up Our Code (11:48)
Tooling - Applying NPM (13:54)
Tooling - Exporting Code (9:50)
Tooling - Gulpfile (19:45)
Tooling - Final Refactor (16:46)
State and Events
Exploring State and Events - Purpose of State (9:03)
Exploring State and Events - State Applied (16:14)
Exploring State and Events - Bringing Button Back (9:32)
Exploring State and Events - Adding Content (13:22)
Exploring State and Events - Toggling Visibility (10:42)
Exploring State and Events - Selecting Items (11:23)
Working with Remote Data on Firebase
Firebase - Building From a New Start (4:09)
Firebase - Firebase Signup and Integration (8:40)
Firebase - Building Our Application Architecture (2:46)
Firebase - Hooking Up Our Remote Datastore (11:08)
Firebase - Scaffolding the Header (6:00)
Firebase - Handling Form Inputs (11:38)
Firebase - Pushing Data to Firebase (9:40)
Firebase - Rendering a List of Items (14:50)
Firebase - Waiting on Data Before Rendering (8:09)
Firebase - Building Item Components (12:14)
Firebase - Updating Data to the Remote Datastore (8:54)
Firebase - Debugging Firebase Update (2:58)
Firebase - Allowing Editing and Undoing (7:36)
Firebase - Saving Edits (6:19)
Firebase - Bulk Delete Data (7:49)
Flux and React Router
Project Overview (8:11)
Imgur API Overview (9:10)
Imgur API in Detail (8:15)
React Router Demo (8:58)
Nesting Routes (5:17)
Refactor to Separate Rendering and Routing (5:59)
In-App Navigation (10:46)
Flux - Downwards Data Flow
Implementing Fetch (8:24)
Working with Fetch's Promise (8:54)
Display a List of Topics (5:13)
Fetching Data Naively (8:28)
Working With Stores (8:23)
Triggering Changes From a Store (9:56)
Working with Actions (6:58)
Recap of Flux Data Fetching (5:01)
Routing with Parameters (7:35)
Matching Parameters (6:58)
Rendering Topics in the Header (7:33)
React Router Helpers (5:06)
Implementing Image Store (13:55)
Combining Flux and React Router
Refetching Data on Rerender (6:49)
Scaffolding Image Previews (7:45)
Filtering Image Data (9:54)
Playing Videos on Mouseover (11:17)
Showing a Play Button for Each Image (4:06)
Adding an Image Stats Overlay (3:40)
Scaffolding Image Detail (4:36)
Fetching Single Records from a Store (6:17)
Fetching Single Records from a Store Continued (6:47)
Rendering an Image Detail (5:03)
Actions With Multiple Methods (7:20)
Listening to Many Changes in a Component (4:10)
CSS Animations (6:48)
Closing Comments and Next Steps (4:06)
React Router Installation Note - Do Not Skip
Playing Videos on Mouseover
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock