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

Adaptive PWA’s: Delivering customized and optimized cross device web apps

Luis Vieira (www.farfetch.com)
4:25pm–5:05pm Thursday, June 14, 2018
Mobile and Desktop
Location: 210 B/F Level: Intermediate
Secondary topics:  Case study, Developer Experience Track: Tools, Platforms, and Techniques, Technical

Who is this presentation for?

web developers

Prerequisite knowledge

Basic knowledge of http protocol, basic knowledge of javascript

What you'll learn

Create pwa's with customized sections for specific devices Leverage client-hints to enhance server driven content negotiation Leverage service-workers to leverage client driven content negotiation Use webpack to create targeted builds for different devices

Description

In this talk I’ll give an overview of the current PWA landscape and show how we can leverage new features such as client-hints, service-workers and network information to create PWA’s that are highly adaptive to the user’s device and context.

I’ll demonstrate how we can use these new APIs and build an adaptive PWA based on three concepts:

- Targeted builds – I’ll demonstrate 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, that can then be complemented on the client

- Capability reporting – 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

www.farfetch.com

I’m a frontend architect a farfetch.com the number one online e-commerce website for luxury fashion.
I’ve been working on the frontend space for about 8 years now, and built a broad range of different applications from enterprise apps to large scale consumer facing websites.

Leave a Comment or Question

Help us make this conference the best it can be for you. Have questions you'd like this speaker to address? Suggestions for issues that deserve extra attention? Feedback that you'd like to share with the speaker and other attendees?

Join the conversation here (requires login)