Web Unleashed 2019
Web DevUX/UIWork Better
  • 2019-09-13 00:00:00 2019-09-14 00:00:00 America/Toronto Web Unleashed 2019 Toronto FITC
  • Toronto
  • #WEBU19

Presentation

Overview

JavaScript frameworks allow us to build innovative and delightful experiences for our users. A common approach adopted with these modern tools is to combine all required JavaScript into one large bundle. Therefore, causing the loading performance to suffer. Especially on older devices or devices with low memory and processing power.

An alternative approach is to split your code into various smaller chunks which you can then be loaded on demand — allowing you to reduce the load time drastically.

In this session, Varun will demonstrate how you can adopt the practice of code-splitting when building applications with frameworks such as React and Vue.

Objective

Learn how to use code-splitting to improve the loading performance of Javascript heavy applications.

Target Audience

Front-end developers who build JavaScript heavy applications

Assumed Audience Knowledge

Basic understanding of web development and some familiarity with frameworks such as React, Angular or Vue.

Level

Intermediate

Five Things Audience Members Will Learn

  1. What is code-splitting?
  2. Different types of code-splitting
  3. How to split a React or Vue application
  4. How to “lazy-load” parts of the application
  5. Removing duplicate code from chunks