Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Learn React JS from Scratch
Introduction to ReactJS
Introduction (1:27)
Downloading & Installing ReactJS - Our First Example - Hello World! (4:21)
Understanding Virtual DOM (1:19)
Components in ReactJS
Rendering Data in ReactJS (6:23)
Applying CSS class to HTML content in ReactJS (2:11)
Playing Safe with HTML Entities (3:00)
Component State & Life Cycle (9:54)
Component State in Action (4:56)
Understanding State in React (4:10)
Understanding Component LifeCycle - I (7:35)
Understanding Component LifeCycle - II (5:17)
Understanding Component LifeCycle - III (9:52)
Creating Multiple Components in ReactJS (6:19)
Creating Reusable Components (6:32)
Properties & Events
Working with Properties (9:10)
Accessing Child Properties (1:18)
Making use of transferPropsTo - [Deprecated] See lecture 61 for update (1:46)
Working with Mixins (11:56)
Understanding Events in ReactJS (2:43)
Exploring static methods (4:06)
Forms Components
Working with Forms in ReactJS (5:06)
Accessing DOM
Referring DOM Nodes - The Refs way (2:12)
Tooling Support
Converting JSX to JS (5:05)
Using Gulp To compile and concatenate JSX files - I (7:15)
Using Gulp To compile and concatenate JSX files (Using Browserify) - II (13:23)
Component Communication (4:35)
Working with jQuery - Ajax (3:22)
DOM Event Listeners (5:05)
Inline Styles in ReactJS (2:27)
Using dangerouslySetInnerHTML (1:58)
Major AddOns in ReactJS
Two Way Data Binding (7:09)
Clone Elements - [cloneWithProps Deprecated - Use React.cloneElement instead] (2:54)
Using React.cloneElement (1:26)
Making use of classSet to apply Conditional Styles (2:41)
Making use of classnames to apply conditional styling (1:34)
Animation using CSSTransitionGroup (4:54)
Introduction to React Router
Working with React Router (9:33)
Working with Links & Creating Nested Routes (4:03)
Refactoring Routes and Components (2:47)
React and Remote Data
Introducing Fetch (7:36)
Rendering Remote Data in Components (4:00)
React Developer Tool for Chrome
React Dev Tools (2:53)
Flux
Introduction (4:58)
Flux Setup (5:48)
Flux Architecture - Code Demo (9:29)
Dispatcher - The Broadcaster (3:50)
Actions
Stores (5:40)
Components and Views (8:10)
Project - Course Cart
Introduction (1:42)
Course Cart - Preview (0:27)
Course Cart - Package And Mockup Data (2:05)
Course Cart - CartAPI and Flux Actions (1:36)
Course Cart - App And Dispatcher (2:31)
Course Cart - Creating Stores And Final Demo (9:58)
Reflux
Introduction to Reflux Store (4:11)
Loading data using Reflux (4:00)
Working with Actions in Reflux (5:10)
Version 0.14.x update
Hello World with React Version 0.14 (2:33)
Using version 0.14 via NPM (2:41)
Using JSX Spread to transfer Properties (2:07)
Conclusion and Code Download
Conclusion and Code Download (0:32)
Component State in Action
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock