#1: Introduction and source code deep dive
  • Application introduction
  • Project setup
  • Deep dive into source code to refactor
#2: Refactoring ES6 classes to React stateless components
  • Splitting into separate files
  • Refactoring to function syntax - Button & Digits components
  • Refactoring Operators & ControlPanel
  • Dealing with stateful component - Display
  • Making Display stateless
#3: Decoupling React view from Redux store
  • Installing redux and adding redux store
  • Adding redux actions and action handlers
  • Important change to src/index.js
  • Remove event emitter dependency
  • History view refactor
  • Decoupling history from store
#4: Refactoring to reusable Presentational Components using ReactRedux library
  • Digit container and digit presentational component
  • Redux Thunk to fix history issue
  • Refactoring History to presentational component
  • Container Higher Order Components (HOC) to access dispatch
  • Polishing components props to be more reusable
  • Delegate passing store to ReactRedux provider
#5: Testing decoupled application
  • Smoke test and sanity test
  • Snapshot testing
  • Enzyme public tests
  • Test coverage reports
Source Code Lectures
  • Source code - beginning
  • Source code - 2.2
  • Source code - 2.5
  • Source code - 3.1
  • Source code - 3.5
  • Source code - 4.1
  • Source code - 4.2
  • Source code - 4.5
  • Source code - Course finish