Fragments 2017

A conference on the mobile ecosystem in India

Building Progressive Web Apps at Scale - A Practical Guide

Submitted by Vijay Krishna Kudva (@nvkudva1) on Aug 18, 2017

Section: Full Talk Technical level: Intermediate Status: Confirmed & scheduled

Abstract

Everyone knows that progressive webapps are awesome! They are the app killers!
But no one talks about how to build them at scale. For a big company practically, just hitting score a 100 in lighthouse is not enough. The Real challenge is to choose the right tech design a right architecture and build right stack and build smarter components and build an app like experience in web.

This talk will take you through the decision making process. Why a company needs a PWA and how we are building myntra’s progressive web apps.

Outline

What is PWA and How it can replace Apps ?
APP vs PWA advantages and disadvantages and why pwa wins .
Bringing best of app world to the browser - modern apis
Defining Tech Stack for a great PWA.
App Shell on steroids - Build App like experience - optimize first paint.
Service Workers - doing the right thing, dealing with CDNs.
Push notifications
Animations - hitting 60fps animations in browser - Critical for app like experience
Smart Components - Dynamic image optimizations.
Stitching smoother search experience along with AMP
Build Systems - fast reloads for devs and optimized builds for production, code split
Catches!
Ajax Calls and Caching - Optimizing for browsers which doesn’t support (Safari - looking at you)

Speaker bio

Vijay Krishna Kudva - Passionate UI Tech Lead at Myntra with 9 years industry experience, currently working on Building Myntra’s Storefront stack.

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('You need to be a participant to comment.') }}

{{ formTitle }}
{{ gettext('Post a comment...') }}
{{ gettext('New comment') }}

{{ errorMsg }}