You, This Course and Us
  • You, This Course and Us
Introduction
  • What Is React?
  • What Makes React Cool?
Install and Set up
  • Npm And Http Server Install
  • Running Examples On The Http Server
  • Accessing ReactJS Files
  • Using SublimeText For Coding In React
React Basics
  • Example 1: Hello World
  • The Virtual DOM
  • Example 2: Nested Elements
  • Terms In React
  • Example 3: Factory Functions
JSX and the Babel Compiler
  • What Is JSX?
  • The Babel REPL Environment
  • Babel For Development And Production Environments
  • Example 4: Elements With JSX
React Components
  • Introduction To Components
  • Example 4: A Stateless React Component
  • Example 5: The Render Function
State and Props: Immutable Props
  • Introduction To State And Props
  • Example 7: Props
  • Example 8: Passing Props To Nested Components
  • Example 9: Transferring Props To Child Components
  • Example 10: The Spread Operator
  • Example 11: Dynamic Types Using Props
  • Example 12: Validation With Prop Types
  • Example 13: Accessing A Component's Children Using Props
  • Example 14: Lambda Expressions As Children
  • Example 15: Components And Child Expressions
State and Props: The Component as a State Machine
  • Components As State Machines
  • Example 16: State
  • Example 17: Update State
  • Example 18: Accessing Previous State
  • Properties Of State
Synthetic Events in React
  • Capture And Bubble Phases
  • Example 19: Events
  • The Synthetic Event
  • Example 20: Working With Synthetic Events
Bringing It All Together in A Single Application
  • Example 21: The Comment App Visual Representation
  • Example 22: The Comment App With Props
  • Example 23: Adding A New Comment
  • Example 23: Deleting Comments
The React Component Lifecycle
  • Component Lifecycle Methods: The Mounting Phase
  • Example 24: The Mounting Phase Lifecycle Methods
  • Example 25: The Unmounting Phase Lifecycle Methods
  • Component Lifecycle Methods: The Updating Phase
  • Example 26: The Updating Phase, componentWillReceiveProps()
  • Example 27: The Updating Phase, shouldComponentUpdate()
  • Example 28: The Updating Phase Lifecycle Methods
Mixins
  • Mixins
  • Example 29: Mixins
  • Example 30: Nested And Multiple Mixins
ES Syntactic Sugar
  • ES6 Classes For React
  • Example 31: ES6 Classes And The React.createClass() Function
Forms
  • Introduction To Forms
  • Example 32: Controlled Components
  • Example 32: Controlled Components Continued
  • Example 33: Componentize Forms
  • Example 33: Componentize Forms Continued
  • Example 34: Form Validation
Miscellaneous
  • Example 35: Accessing Native DOM Elements
  • Example 36: Accessing DOM Elements In A React Component
  • Example 36: The React Context
  • DOM Reconciliation
React In Production
  • React In Production: Setting Up Webpack
  • React In Production: The Babel Loader
  • React In Production: Watching For App Changes
Animations
  • Animation Add Ons In React
  • Example 38: The React Transition Group
  • Example 38: The React Transition Group continued
  • Example 39: The React CSS Transition Group
Routing
  • Example 40: React Router: Basic Routing
  • Example 40: React Router: Routing With Links
One Last Thing…
  • The Webpack Dev Server