Introduction
  • Introduction
  • React Overview
  • Shadow DOM
React Primer
  • Setting Up
  • Components and the Shadow DOM
  • Introduction to JSX
  • State and Events: Part 1
  • State and Events: Part 2
  • Todos: Part 1 - Checkbox
  • Todos: Part 2 - Stateless Components
  • Todos: Part 3 - Lists
  • Todos: Part 4 - Events
  • Todos: Part 5 - Forms and Lifecycle
  • Conclusion
Project: Asset Pipeline
  • Introduction
  • Folder Structure
  • Babel Installation
  • Eslint Configuration
  • Eslint with Visual Studio Code
  • Build: Server
  • Watch and Run: Server
  • Watch and Run: Tests
  • HTTP Server
  • Webpack: Installation
  • Webpack: Basic Configuration
  • Webpack: Production and Gulp Builds
  • Webpack: Dev Server
  • Webpack: HMR 1 - Styles
  • Writing React Components
  • Webpack: HMR 2 - Scripts
  • Debugging in Chrome and Visual Studio Code
  • Debugging Node with Visual Studio Code
  • Project Structure Overview
Project: Client
  • Introduction
  • Packages and Setup
  • React Router
  • Global Page Styles
  • Lobby: Part 1 - Game List
  • Text Input Component
  • Lobby: Part 2 - Chat
  • Architecture Overview
  • Dispatcher: Part 1 - Tests
  • Dispatcher: Part 2 - Implementation
  • Store Stubs
  • Container Base
  • Dialogs: Part 1 - Action and Store
  • Dialogs: Part 2 - Rendering and Styles
  • Print Action Utility
  • Login Dialog
  • Operations
  • Lobby: Part 3 - Operations
  • Hooking up our Router
  • Game Store
  • Game Sidebar
  • Game Component
  • Game Setup Component
  • Game Setup Styles
  • Game Board
  • Card Component
  • Stacks Component
  • Player Hand
Project: Server
  • Introduction
  • Architecture Overview
  • Diff: Part 1 - Tests
  • Diff: Part 2 - Arrays
  • Diff: Part 3 - Objects
  • Merge
  • Card Database
  • Socket.io / Client / Application
  • App Store and Views
  • Lobby
  • Game Stub
  • Game Setup
  • Game Logic
  • Game State Machine and Conclusion
Deployment and Conclusion
  • Deploying to Heroku
  • Conclusion