O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learning Path: High-Performance React With Redux

Video Description

Next level optimizations and enhancements for React web apps

In Detail

One of the most powerful features of React is that it follows a radically different method of application development. It re-orients developers to creating in a fully componentized manner. Redux completes the missing piece of the React framework, and is used at the core of React for most complex React projects.

This Learning Path is the next step for the React full-stack web developer who wants to gain a full understanding of React development. We begin by covering React components in depth and show you how to build componentized apps and sites with reusable functionality. We will then cover JS, CSS, and React-specific tips and advanced techniques to make sure that you can build highly optimized, scalable, and production-ready applications. Finally, we’ll focus on leveraging the Redux framework to impose better engineering on React applications.

Take your React websites and apps to the next professional level by leveraging this Learning Path.

Prerequisites: Requires basic knowledge of JS and experience with React

Resources: Code downloads and errata:

  • Learning React Reusable Components

  • Learning React.js Scalable and High-Performance Apps

  • Learning Redux

  • PATH PRODUCTS

    This path navigates across the following products (in sequential order):

  • Learning React Reusable Components (3h 44m)

  • Learning React.js Scalable and High-Performance Apps (3h 41m)

  • Learning Redux (2h 2m)

  • Table of Contents

    1. Chapter 1 : Learning React Reusable Components
      1. Overview and Setting Things 00:10:57
      2. Configuring the Webpack Development Server 00:08:03
      3. Developing in ES2016 Today with Babel 00:09:35
      4. Hello JSX 00:08:55
      5. Creating a Component 00:08:28
      6. Using Components Inside Components 00:07:00
      7. Passing Properties to Components 00:05:53
      8. Dynamically Passing Components into Components 00:09:08
      9. Components That Change with State 00:09:58
      10. How React Works and Arrow Functions 00:09:57
      11. Sectioning our Site into components 00:07:26
      12. Composition Instead of Inheritance 00:08:19
      13. Dynamic Children from Model Data 00:07:22
      14. Understanding var, let, and const 00:07:21
      15. Exploring ES6 Strings 00:05:12
      16. Finding Bugs 00:09:49
      17. Extracting the Model from the View 00:11:19
      18. Using the JSX and ES6 Spread Features 00:08:54
      19. Validating Development Props 00:07:48
      20. Making Everything Dynamic 00:05:47
      21. Final Thoughts on Reusability 00:05:15
      22. Preparing for Idiomatic JavaScript 00:07:08
      23. Building Out the Site Navigation 00:07:07
      24. Bubbling Events in React 00:12:56
      25. Merging Our Model with Our View 00:08:21
      26. Making Things Dynamic with Maps 00:05:05
      27. SPA – Creating a Single Page Application 00:11:30
    2. Chapter 2 : Learning React.js Scalable and High-Performance Apps
      1. Setting Up Dependencies in the Right Way 00:10:21
      2. Setting Up Babel 6 in the High Performing Way 00:12:37
      3. Enhancing Performance with ES6 const 00:11:38
      4. Enhancing Performance with let and const in ES6 00:12:45
      5. Create a const Only When You Need It 00:09:21
      6. Variables Perform Better Together 00:11:54
      7. ES6 String Performance Tips 00:04:40
      8. Localizing lets and consts 00:05:10
      9. Avoiding Conditions When Possible 00:09:27
      10. Overall Benefit of Working with React on Performance of the Client 00:07:46
      11. Why ES6 Isn't Always Faster 00:09:35
      12. Improving Arrays 00:05:54
      13. Reusing Instead of Creating 00:03:47
      14. Make Them Immutable 00:11:24
      15. Events as Main Cause of Memory Leaks 00:06:34
      16. Building an Express Server 00:08:24
      17. Setting up EJS as Our Layout System 00:06:41
      18. Adding ES6/JSX Support on the Server 00:07:24
      19. Server-Side Rendering 00:08:08
      20. Node Module Exports 00:05:09
      21. Universal JavaScript Patching 00:07:16
      22. Setting up Hot Refresh Middleware 00:07:55
      23. Getting Webpack Middleware to Run with Our Real 00:08:10
      24. Fixing Our Priorities 00:05:48
      25. Optimizing CSS with CSS-Nano 00:07:42
      26. Getting Webpack JavaScript to be Production Ready 00:09:18
      27. Caching and Compressing 00:06:12
    3. Chapter 3 : Learning Redux
      1. The Course Overview 00:02:48
      2. The Anatomy of a Client Application 00:10:01
      3. Understanding FLUX 00:06:01
      4. Introducing Redux 00:05:35
      5. Integrating Redux 00:03:10
      6. Watching the Dispatch Log 00:05:44
      7. Divorcing the Switch Statement 00:06:02
      8. Toggling Views the Hard Way 00:03:14
      9. Organizing the Application State 00:03:49
      10. Switching Pages with ReactRouter 00:06:57
      11. Fetching Data with Axios 00:07:12
      12. Displaying Datatables in React 00:06:54
      13. Implementing Basic Pagination Controls 00:08:25
      14. Introducing Violet-Paginator 00:06:00
      15. Managing Form State in Redux 00:04:46
      16. Form Submission, Redirection, and Error Handling 00:06:52
      17. Introducing ReduxForm 00:04:29
      18. Client-Side Validations in ReduxForm 00:07:07
      19. Testing Components with Enzyme 00:06:04
      20. Testing Asynchronous Action Creators 00:05:51
      21. Testing Reducers 00:05:55