JSFoo 2016

Tackling speed and performance for JavaScript

A Build & Deployment process for performance improvement of UI

Submitted by Rahul Dole (@rahuldole) on Thursday, 4 August 2016

videocam
Preview video

Technical level

Advanced

Section

Full talk

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +6

Abstract

How often do you struggle with caching issue of your JS code in browser during development & production? Do you somehow force hard reload of your JS app after releasing new version to production? What if you are releasing an update to only a small portion within a single page of your app/site? We’ll see how we can make the best use of caching in browser to achieve high performance of your web pages while still avoiding the risk of your users being served stale/old pages even after you release an update.
This talk is intended for audience familiar with React and RequireJS, although these are not a prerequisite.

Outline

In this session we’ll cover how to use a Grunt plugin’s hashing algorithm for versioning your files based on its contents.
How do you map original files to the new versioned files in Require.
Finally, we’ll see how to combine the power of composability of React components and the first two techniques above to achieve a highly efficient build process and a high performing web app.

Speaker bio

I’m a frontend developer with extensive experience in building complex web apps from scratch involving several key architectural decisions, and also leading UI teams. I’ve been using React for about 2 years now. I also have given beginner to advanced level trainings in React to my teams.

Links

Preview video

https://youtu.be/kbb_-s3fHkc

Comments

Login with Twitter or Google to leave a comment