Build Web Apps with React JS and Flux
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
Last Course Update: 12/27/2015. Now using React 0.14.4 (latest) and React Router 1.0.3 :)
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.
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.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Start Here - Dive In!|
Link to Github Repository
JSX Markup In Our ViewsPreview
First Application - Basic Building BlocksPreview
First Application - Creating a React Class
First Application - Showing Content
|Section 2: Intermediate Concepts|
Exploring Props - Customizing Views
Exporing Props - Wiring Up Our Data
Composition - Views Within Views
Composition - Props Selection
|Section 3: Tooling|
Tooling - Breaking Up Our Code
Tooling - Applying NPM
Tooling - Exporting Code
Tooling - Gulpfile
Tooling - Final Refactor
|Section 4: State and Events|
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
|Section 5: Working with Remote Data on Firebase|
Firebase - Building From a New Start
Firebase - Firebase Signup and Integration
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
|Section 6: Flux and React Router|
Imgur API Overview
Imgur API in Detail
React Router Demo
Refactor to Separate Rendering and Routing
|Section 7: Flux - Downwards Data Flow|
Working with Fetch's Promise
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
Rendering Topics in the Header
React Router Helpers
Implementing Image Store
|Section 8: Combining Flux and React Router|
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
Closing Comments and Next Steps
|Section 9: One More Thing...|
Still Want More React?