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

Preview in Mapt

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

Ben Fhala

Optimize and enhance your web sites and applications with React
Mapt Subscription
FREE
$29.99/m after trial
Video
$106.25
RRP $124.99
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$106.25
$29.99 p/m after trial
RRP $124.99
Subscription
Video
Start 30 Day Trial

Frequently bought together


Learning React.js Scalable and High-Performance Apps [Video] Book Cover
Learning React.js Scalable and High-Performance Apps [Video]
$ 124.99
$ 106.25
Rust High Performance Book Cover
Rust High Performance
$ 35.99
$ 25.20
Buy 2 for $35.00
Save $125.98
Add to Cart

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

Recommended for You

Rust High Performance Book Cover
Rust High Performance
$ 35.99
$ 25.20
Mastering Machine Learning Algorithms Book Cover
Mastering Machine Learning Algorithms
$ 35.99
$ 25.20
Learning JavaScript Data Structures and Algorithms - Third Edition Book Cover
Learning JavaScript Data Structures and Algorithms - Third Edition
$ 35.99
$ 25.20
Serverless Design Patterns and Best Practices Book Cover
Serverless Design Patterns and Best Practices
$ 35.99
$ 25.20
Beginning Reinforcement Learning Book Cover
Beginning Reinforcement Learning
$ 39.99
$ 28.00
Vue.js Design Patterns and Best Practices Book Cover
Vue.js Design Patterns and Best Practices
$ 35.99
$ 25.20