Getting started
  • What is ReactJS?
  • Why ReactJS?
  • Getting setup
  • Prerequisites
  • Getting Help
Hello World
  • Update to the required scripts!
  • Plain JavaScript Hello world
  • JSX Hello World
  • Create Class
  • Aside - The let keyword
Properties
  • Props
State
  • State within React components
  • State Challenge
  • State Challenge Build
  • State Challenge Refactor 1
  • State Challenge Refactor 2
Stateless Functional Components
  • Stateless functional components
Component Lifecycle
  • The component lifecycle part 1
  • The component lifecycle part 2
  • Component lifecycle update methods
ES6 Classes
  • ES6 Classes
  • Stateless functional components in ES6
  • ES6 Challenge
  • ES6 Challenge build
  • Higher Order Components
Webpack & Project Setup
  • Please note we are using Webpack Version 1 Not version 2
  • Project setup - nodejs
  • Webpack Configuration
Projects
  • JSX Transformer
  • Create React App
  • PokeDashboard Making API Calls
  • PokeDashboard PokeList
  • PokeDashboard Pagination
  • PokeDashboard Items Per Page
  • PokeDashboard Refactor & Pokemon Index List
  • PokemonDashboard Pokemon Modal
  • PokemonDashboard Radar Chart
  • PokemonDashboard Image & Tidy Up
BONUS! Getting Started With Redux
  • Redux What Is It & Why Should You Use It?
  • Single Source Of Truth
  • State is Read-Only
  • Changes Are Made With Pure Functions
  • Plain JavaScript & Redux Example
  • Recap And Some Best Practice
  • Using Multiple Reducers
  • ES6 Setup for Redux
  • Middleware
  • External Middleware
  • Async Actions
  • Async Actions With Promises
  • Getting Setup With React
  • Redux Containers
  • Ajax Calls In Redux Containers
  • User List React Component
  • Please note we are using React Router version 3
  • React Router
  • User Profile Container & Component
  • Implementing React Router Part 1
  • Implementing React Router Part 2
  • Implementing React Router Part 3
React Updates
  • Version 15.5.0+
React Router Version 4
  • Getting Started With Version 4