Learning React.js Scalable and High-Performance Apps
ERROR
00:00
00:00

Tuto Learning React.js Scalable and High-Performance Apps

Packt
109,00€

Unlimited download & streaming

Satisfied or refunded

100% secure payment

Optimize and enhance your web sites and applications with React

About this Learning React.js Scalable and High-Performance Apps  Video course

  • Build up production-ready, high-performing React applications with ease
  • Isolate and understand performance bottlenecks and how to address them in React applications
  • Learn a variety of modern web technologies, such as React, ES6, Webpack, Babel, ExpressJS, JSX, and more

React course In Detail

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 video training 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 video 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.

What will you learn in this course?

Course plan
Chapter 1
Thinking about Performance
Chapter 2
ES6 Performance Enhancements in React
Chapter 3
General JavaScript Performance Enhancements
Chapter 4
Server Rendering React (Isomorphic JavaScript)
Chapter 5
Packing Things Up with Webpack

Detailed course plan

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

Your questions about the course

What is the required level to follow this tutorial ?

beginner

Wait ! 🤗

Access more than 19 free tutorials

Our data protection policy