Skip to content
O'Reilly home
1.1 Understand the requirements of your toolchain
1.2 Use NPM to manage your application's dependencies and run tasks
1.3 Compile es6 to es5 with Babel
1.1 Understand the requirements of your toolchain
1.2 Use NPM to manage your application's dependencies and run tasks
1.3 Compile es6 to es5 with Babel

Building React Applications with Redux and Flux

By Charles David Crawford
    1. ReactJS Fundamentals: Introduction
      1m 54s
    1. 1.0 Learning objectives
      1m 49s
    2. 1.1 Understand the requirements of your toolchain
      4m 11s
    3. Taken from
      ReactJS Fundamentals
      By
      Charles David Crawford
      Published by
      Addison-Wesley Professional, 2016
    4. 1.3 Compile es6 to es5 with Babel
      8m 13s
    5. 1.4 Bundle applications with Webpack
      4m 4s
    6. 1.5 Understand how Babel and Webpack work together and create a basic build process
      6m 39s
    7. 1.6 Create a development optimized build process
      4m 2s
    8. 1.7 Create a production optimized build process
      2m 39s
    1. 2.0 Learning objectives
      1m 20s
    2. 2.1 Use functional programming in JavaScript
      21m 2s
    3. 2.2 Understand execution context and the this keyword!
      10m 38s
    4. 2.3 Control execution context with bind/call/apply
      6m 20s
    1. 3.0 Learning objectives
      46s
    2. 3.1 Understand ES6 template strings
      2m 28s
    3. 3.2 Understand ES6 default arguments
      4m 24s
    4. 3.3 Understand ES6 rest and spread
      9m 19s
    5. 3.4 Understand ES6 arrow functions
      8m 3s
    6. 3.5 Understand ES6 destructing
      4m 36s
    7. 3.6 Understand ES6 modules
      4m 3s
    8. 3.7 Understand ES6 classes
      6m 53s
    9. 3.8 Understand ES6 promises, Part 1
      8m 25s
    10. 3.9 Understand ES6 promises, Part 2
      3m 2s
    11. 3.10 Understand ES6 promises, Part 3
      15m 3s
    12. 3.11 Understand ES6 fetch
      3m 10s
    1. 4.0 Learning objectives
      1m 10s
    2. 4.1 Utilize component-based design
      12m 15s
    3. 4.2 Use one-way data flow and rendering
      6m 43s
    1. 5.0 Learning objectives
      1m 8s
    2. 5.1 Understand the virtual DOM versus the actual DOM
      4m 27s
    3. 5.2 Understand the diffing algorithm
      13m 9s
    1. 6.0 Learning objectives
      23s
    2. 6.1 Use createClass and render
      11m 50s
    3. 6.2 Understand JSX
      5m 48s
    4. 6.3 Set initial app state
      8m 1s
    1. 7.0 Learning objectives
      23s
    2. 7.1 Create with new ES6 class syntax
      2m 38s
    3. 7.2 Understand properties and state
      9m 44s
    4. 7.3 Adding new state to an app
      9m 4s
    5. 7.4 State changes through child components
      8m 7s
    6. 7.5 Use inputs with React
      10m 56s
    7. 7.6 Functional stateless components
      5m 32s
    8. 7.7 Utilize data fetching in React applications
      11m 10s
    9. 7.8 Understand React component lifecycle methods
      5m 15s
    10. 7.9 Utilize content of custom components
      3m 5s
    11. 7.10 Understand higher order components
      6m 27s
    12. 7.11 Utilize propTypes
      4m 39s
    13. 7.12 Utilize ref to access child components
      2m 13s
    1. 8.0 Learning objectives
      16s
    2. 8.1 Improve child rendering performance by setting keys
      3m 15s
    3. 8.2 Implement performance optimizations with shouldComponentUpdate
      4m 29s
    1. ReactJS Fundamentals: Summary
      25s
    1. Advanced React.js LiveLessons: Introduction
      1m 3s
    1. 9.0 Learning objectives
      46s
    2. 9.1 Implement simple page routing with react-router
      7m 31s
    3. 9.2 Create a navbar using the Link component
      4m 23s
    4. 9.3 Understand how to use URL parameters and deep nesting
      4m 21s
    5. 9.4 Utilize index routes, links, and active route styling
      6m 40s
    6. 9.5 Use the browser history
      2m 57s
    1. 10.0 Learning objectives
      46s
    2. 10.1 Understand why Flux exists
      5m 45s
    3. 10.2 Grasp the Flux architecture
      13m 25s
    4. 10.3 Design your Flux views
      2m 54s
    5. 10.4 Define action constants
      3m 54s
    6. 10.5 Use the dispatcher
      4m 7s
    7. 10.6 Define action creators
      2m 56s
    8. 10.7 Understand stores
      13m 8s
    1. 11.0 Learning objectives
      52s
    2. 11.1 Understand how Redux differs from Flux
      1m 20s
    3. 11.2 Define action creators
      6m
    4. 11.3 Understand pure functions
      7m 48s
    5. 11.4 Understand simple reducers
      4m 14s
    6. 11.5 Implement a simple store
      5m 30s
    7. 11.6 Bind reducers to your store and compnents
      5m 19s
    8. 11.7 Refactor to container and presentational components
      6m 35s
    9. 11.8 Design larger state trees
      10m 2s
    10. 11.9 Understand combine reducers
      7m 54s
    11. 11.10 Use higher order containers with react-redux
      25m 42s
    1. 12.0 Learning objectives
      51s
    2. 12.1 Unit test a Redux reducer
      9m 17s
    3. 12.2 Unit test a Redux action creator
      3m 40s
    4. 12.3 Unit test a presentational component with Enzyme
      9m 27s
    5. 12.4 Test component lifecycle methods with full rendering
      4m 54s
    1. Advanced React.js LiveLessons: Summary
      53s