Welcome! Let's Get Started!
  • Introduction
  • Github Links - Get Source Code Here!
  • Join Our Community!
Testing
  • npx Create React App Generation
  • Project Generation
  • Our First Test
  • Introduction to Jest
  • App Overview
  • Installing Dependencies
  • React and Redux Design
  • What Do We Test?
  • Starting from Scratch
  • Rendering the App
  • Showing Components in the App
  • Valid Test File Names
  • Test Structure
  • Tricking React with JSDOM
  • Verifying Component Existence
  • Test Expectations
  • Limiting Test Knowledge
  • Enzyme Setup
  • Enzyme Renderers
  • Expectations for Component Instances
  • Exercise Time!
  • Expecting the Comment List
  • Update for Handling Absolute Imports
  • Absolute Path Imports
  • Code Reuse with BeforeEach
  • Comment Box Component
  • TextArea Implementation
  • CommentBox Test File
  • Getting an Empty ReactWrapper in your console.log?
  • Asserting Element Existence
  • AfterEach Statements
  • Simulating Change Events
  • Providing Fake Events
  • Forcing Component Updates
  • Retrieving Prop Values
  • Form Submit Exercise
  • Exercise Solution
  • Describe Statements
  • Redux Setup
  • The Provider Tag
  • The SaveComment Action Creator
  • Bonding React with Redux
  • Redux Test Errors
  • Adding a Root Component
  • Testing Reducers
  • Handling Unknown Types
  • Testing Action Creators
  • Comment List Wireup
  • Getting Data Into Redux
  • Redux Initial State
  • Cheerio Queries
  • One More Feature
  • Fetching a Remote Resource
  • Parsing Comment List
  • Integration Tests
  • Integration Tests in Action
  • Fixing a Broken Test
  • Simulating Button Clicks
  • Why the Failure?
  • Faking Requests with Moxios
  • The Reason for Failure
  • Introducing a Pause
  • Moxios's Wait Function
  • App Wrapup
Higher Order Components
  • An Introduction to Higher Order Components
  • Connect - A Higher Order Component
  • App Overview
  • Adding React Router
  • Adding Routes
  • Auth Reducer
  • Rendering a Header
  • Wiring Up State
  • Changing Auth State
  • Steps for Building a HOC
  • Forced Navigation with React Router
  • Creating the HOC
  • Placing Reusable Logic
  • Passing Through Props
MIddlewares with Redux
  • Introduction to Middlewares
  • The Purpose of Redux Promise
  • How Async Middlewares Work
  • Crazy Middleware Syntax
  • Forwarding Actions
  • Waiting for Promise Resolution
  • Observing the Middleware
  • State Validation Middleware
  • JSON Schema
  • Generating JSON Schema
  • Middleware Creation
  • Emitting Warnings
Server Setup - Authentication
  • Introduction to Authentication
  • Cookies vs Tokens