Learning React.js Scalable and High-Performance Apps [Video]

Learning React.js Scalable and High-Performance Apps [Video]

Learning
Ben Fhala

Optimize and enhance your web sites and applications with React
$106.25
RRP $124.99

Instantly access this course right now and get the skills you need in 2017

With unlimited access to a constantly growing library of over 4,000 eBooks and Videos, a subscription to Mapt gives you everything you need to learn new skills. Cancel anytime.

Code Files
Free Sample

Video Details

ISBN 139781787285873
Course Length3 hours 41 minutes

Video Description

It's one thing to build an app that runs well on your test system, but it's quite another to build an app that still performs well when it's live with thousands of users. This course will help you take your apps to the next professional level, while making sure they remain performant at scale. There are many aspects to optimizing your React applications, some that you can apply later, and others that need to be designed in from the beginning. This course will give you tips and advice for both.

Covering JavaScript, CSS, and React-specific tips and advanced techniques, this course will make sure that you can build highly optimized, production-ready applications. The course begins by looking at important considerations you should build in to the planning stage of your apps: making sure options are set correctly, getting the most from Webpack, and optimizing your application's dependencies. We then go on to look in detail at some of the new performance enhancements that ES6 brings, such as using let and const instead of vars and advanced memory management for strings. Next, we cover more general JavaScript performance optimizations, and using ExpressJS for fast server-side rendering. Finally, we examine how best to package up all of the individual parts of your application to achieve the smallest file sizes and smoothest caching.

Style and Approach

This very carefully modulated course will take you every step of the way through building modern, scalable web applications using React. A thorough and methodical course, it excludes no relevant technologies and assumes no prior knowledge. It is also a very practical course, with full examples of technologies used along the way.

Table of Contents

Thinking about Performance
Setting Up Dependencies in the Right Way
Setting Up Babel 6 in the High Performing Way
Enhancing Performance with ES6 const
ES6 Performance Enhancements in React
Enhancing Performance with let and const in ES6
Create a const Only When You Need It
Variables Perform Better Together
ES6 String Performance Tips
Localizing lets and consts
Avoiding Conditions When Possible
Overall Benefit of Working with React on Performance of the Client
General JavaScript Performance Enhancements
Why ES6 Isn’t Always Faster
Improving Arrays
Reusing Instead of Creating
Make Them Immutable
Events as Main Cause of Memory Leaks
Server Rendering React (Isomorphic JavaScript)
Building an Express Server
Setting up EJS as Our Layout System
Adding ES6/JSX Support on the Server
Server-Side Rendering
Node Module Exports
Universal JavaScript Patching
Packing Things Up with Webpack
Setting up Hot Refresh Middleware
Getting Webpack Middleware to Run with Our Real
Fixing Our Priorities
Optimizing CSS with CSS-Nano
Getting Webpack JavaScript to be Production Ready
Caching and Compressing

What You Will Learn

  • Understand the process of creating and working with Webpack and NPM to enhance the performance of your applications
  • Know how to choose between performance options and the overall object strategy
  • Reduce code complexity through improving our loops/conditions and overall enhancements to your React components
  • Create production-ready apps that perform at scale
  • Take advantage of the newest performance enhancements in ES6

Authors

Table of Contents

Thinking about Performance
Setting Up Dependencies in the Right Way
Setting Up Babel 6 in the High Performing Way
Enhancing Performance with ES6 const
ES6 Performance Enhancements in React
Enhancing Performance with let and const in ES6
Create a const Only When You Need It
Variables Perform Better Together
ES6 String Performance Tips
Localizing lets and consts
Avoiding Conditions When Possible
Overall Benefit of Working with React on Performance of the Client
General JavaScript Performance Enhancements
Why ES6 Isn’t Always Faster
Improving Arrays
Reusing Instead of Creating
Make Them Immutable
Events as Main Cause of Memory Leaks
Server Rendering React (Isomorphic JavaScript)
Building an Express Server
Setting up EJS as Our Layout System
Adding ES6/JSX Support on the Server
Server-Side Rendering
Node Module Exports
Universal JavaScript Patching
Packing Things Up with Webpack
Setting up Hot Refresh Middleware
Getting Webpack Middleware to Run with Our Real
Fixing Our Priorities
Optimizing CSS with CSS-Nano
Getting Webpack JavaScript to be Production Ready
Caching and Compressing

Video Details

ISBN 139781787285873
Course Length3 hours 41 minutes
Read More

Read More Reviews