Basic Redux & plain Javascript
  • Introduction
  • normal JavaScript
  • Store, State, Dispatch(Action), Reducer - Part 1/3
  • Store, State, Dispatch(Action), Reducer - Part 2/3
  • Store, State, Dispatch(Action), Reducer - Part 3/3
  • Redux
  • exercise 01
  • Exercise02, Refactoring, Exercise03 - Part 1/2
  • Exercise02, Refactoring, Solution03 - Part 2/2
  • Redux
Advanced Redux & plain JavaScript
  • Middleware
  • Many Middlewares
  • Thunk Middleware - Part 1/3
  • Thunk Middleware - Part 2/3
  • Thunk Middleware - Part 3/3
  • Thunk Middleware - Imgur API - Exercise04
  • Thunk Middleware - Imgur API - Solution04
Redux & jQuery
  • Convert to jQuery - Exercise05
  • Convert to jQuery - Solution05
Redux & ES6
  • ES6 Arrow Function - Exercise06
  • ES6 Arrow Function - Solution06
  • ES6 Const, Let
  • ES6 Default Parameter, Object.assign()
  • ES6 Exercise07
  • ES6 Solution07
  • ES6
React
  • Simplest React - Environment Setup
  • Simplest React - simplify the React project
  • Simplest React - core mechanism
  • Simplest React - JSX
  • Simplest React - Webpack, Babel
  • React
  • State
  • State Continued
  • React Developer Tools
  • React
  • Child Component - Part 1/2
  • Child Component - Part 2/2
  • ES6 - Import, Export and Export Default - Part 1/2
  • ES6 - Import, Export and Export Default - Part 2/2
  • Props & Exercise08
  • Props & Solution08
  • React
  • Stateless Function, Array of JSXs
  • creating an Array of JSXs by Array.prototype.map()
  • Key of List Item
  • React
Redux & React: Basic
  • Step 1 - Insert Redux - Part 1/3
  • Step 1 - Insert Redux - Part 2/3
  • Step 1 - Insert Redux - Part 3/3
  • React
  • Step 2 - Replace 'Component State' by 'Redux State'
  • Redux DevTools
  • ES6 - Object Destructuring & Exercise09
  • ES6 - Shorthand Property Names
  • ES6 - Spread Operator
  • ES6
Redux & React: Advanced
  • Provider component, Connect() method - Part 1/2
  • Provider component, Connect() method - Part 2/2
  • Connect() method: Advanced
  • Exercise01: Redux-Thunk & Redux-Logger libraries
  • Exercise02: combineReducers() method
  • Exercise03: Containers
React-Router
  • React-Router - Part 1/2
  • React-Router - Part 2/2
More Examples
  • Refactoring - Part 1/2
  • Refactoring - Part 2/2
  • Todo List - propTypes, Array.prototype.filter() method, JSX Spread Attributes
  • React
  • Youtube API - ES6 Template Strings, Function.prototype.bind() method