ReactFoo Pune

On lessons learned during implementation.

PWA with React

Submitted by Neeraj Singh (@neerajsingh47) on Friday, 15 December 2017

videocam_off

Technical level

Intermediate

Section

Full talk on success and failure stories with React; code overheads and code rewrite stories with React

Status

Confirmed & Scheduled

View proposal in schedule

Vote on this proposal

Login to vote

Total votes:  +5

Abstract

Progressive Web Apps (PWAs) are spreading across the web faster than anyone could have predicted. Combining the best of both the web and apps, PWAs load quickly (even on flaky networks), can re-engage with users by sending push notifications, have an icon on the home screen, and load as top-level, full screen experiences.
In this talk, I’ll explain how to build one with React from installation to caching strategy, implementing push notifications, handling updates along with useful resources. I’ll also explain how to get the best of Lighthouse in the process.

Outline

• Basic introduction of PWA: How it’s different from regular web apps and the associated benefits • Service Workers: Brief explanation of service worker API, its lifecycle methods and relation with PWA • Installation using React and configuration through Webpack • Caching strategy, push notifications, handling updates • Relevant resources and using Lighthouse

Speaker bio

Hi, I’m Neeraj Singh currently working as Senior Developer at GeekyAnts.

Slides

https://docs.google.com/presentation/d/18L5NHLS_8CbrPyDIESVNf75cwjgqedvbL2bGZdDNzdI/edit?usp=sharing

Comments

Login with Twitter or Google to leave a comment