Introduction
  • Introduction
  • Additional FREE Content
Getting Started
  • Code Editor
  • Node.js
ES6 Crash Course (Optional)
  • Overview
  • How to run your code for this section (DO NOT SKIP)
  • ES6 - let (Optional)
  • ES6 - let vs const (Optional)
  • ES6 - Arrow Functions (Optional)
  • ES6 - Template Strings (Optional)
  • Prototype Methods (Optional)
  • ES6 - Classes (Optional)
  • Spread Operator (Optional)
React Intro
  • Overview
  • Create-react-app
  • Create-react-app (Permissions Error)
  • Elements
  • JSX
  • Components
  • Refactor
React - State Management
  • Overview
  • App Setup (Resources)
  • App Setup
  • Component Architecture
  • Functional Components
  • State Management
  • Updating State
  • Prop-Types
  • Lifecycle Methods
  • Lifecycle Methods List
React-Router
  • Overview
  • Component State Navigation (Resources)
  • Component State Navigation
  • Browser-Router
  • Link
  • Route
  • UI Setup (Resources)
  • Font-names (error)
  • UI Setup
  • Adding Photos
  • Wrapping up
  • Key Prop - Index, or not?
  • Source Code
Redux
  • Overview
  • Theory
  • Redux Store
  • Reducer
  • Connected Component
  • Actions
  • Updating State
  • Actions (2) - Adding Posts
  • History Prop Inconsistency
  • Redux Dev Tool
  • Source Code
Redux (2) - Comments
  • CSS for next Video
  • UI Setup
  • Adding Comments
  • Selectively Loading Comments
  • Comment Count
  • Source Code
Firebase & Redux
  • Overview
  • Firebase Setup
  • Updating Database
  • Fetching Posts
  • Removing Posts
  • Saving Comments
  • Loading Comments
  • Source Code
  • Multi-location updates
Wrapping up
  • Debugging
  • Final Source Code