ReactFoo Pune

On lessons learned during implementation.

Neeraj Singh

@neerajsingh47

PWA with React

Submitted Dec 15, 2017

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

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

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

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more