Building a Better Web
June 11–12, 2018: Training
June 12–14, 2018: Tutorials & Conference
San Jose, CA

Adaptive PWAs: Delivering customized and optimized cross-device web apps

Luis Vieira (Farfetch.com)
4:25pm–5:05pm Thursday, June 14, 2018
Mobile and Desktop
 Location: 210 B/F
Secondary topics:  Case study, Developer Experience Track: Tools, Platforms, and Techniques, Technical
Average rating: *****
(5.00, 1 rating)
Download slides (PDF)

Who is this presentation for?

  • Web developers

Prerequisite knowledge

  • Basic knowledge of HTTP protocol and JavaScript

What you'll learn

  • Learn how to create PWAs with customized sections for specific devices, leverage client hints to enhance server-driven content negotiation, leverage service workers for client-driven content negotiation, and use webpack to create targeted builds for different devices

Description

Luis Vieira offers an overview of the current progressive web app (PWA) landscape and explains how to leverage new APIs such as client hints, service workers, and network information to create PWAs that are highly adaptive to users’ devices and contexts and that can offer a tailored and optimized experience that accounts for each device’s unique characteristics.

Topics include:

  • Targeted builds: How to configure webpack in order to switch components by device or form factor enabling the tailoring of your application UX to the user’s device
  • Smart start: How to use content negotiation with client hints to send a response to the browser that is already optimized and accounts for its capabilities, which can then be complemented on the client
  • Capability reporting: How to leverage service workers to enable content negotiation on the client and account for capabilities that may change over time, such as network connection
Photo of Luis Vieira

Luis Vieira

Farfetch.com

Luis Vieira is a frontend architect a Farfetch.com, the number-one ecommerce website for luxury fashion.
Over his eight-year career in the frontend space, Luis has built a broad range of applications, from enterprise apps to large-scale consumer-facing websites.

Comments on this page are now closed.

Comments

Eliazer Braun | FRONT END LEAD
06/17/2018 7:11am PDT

Great talk, where can we see the slides?