Packt+ | Advance your knowledge in tech

0

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Progressive Web Apps with React

You're reading from Progressive Web Apps with React Create lightning fast web apps with native power using React and Firebase

Product type Paperback

Published in Oct 2017

Publisher Packt

ISBN-13 9781788297554

Length 302 pages

Edition 1st Edition

Languages

JavaScript

Tools

Firebase

Concepts

Progressive Web Apps

Author (1):

Domes

View More author details

Table of Contents (21) Chapters

Title Page

Credits

About the Author

About the Reviewer

www.PacktPub.com

Customer Feedback

Preface

1. Creating Our App Structure FREE CHAPTER

2. Getting Started with Webpack

3. Our App's Login Page

4. Easy Backend Setup With Firebase

5. Routing with React

6. Completing Our App

7. Adding a Service Worker

8. Using a Service Worker to Send Push Notifications

9. Making Our App Installable with a Manifest

10. The App Shell

11. Chunking JavaScript to Optimize Performance with Webpack

12. Ready to Cache

13. Auditing Our App

14. Conclusion and Next Steps

Example applications

Want to see what a real live PWA looks like? Check out any of the following. A few also contain links to GitHub for you to view the source code.

PWA.rocks

A collection of Progressive Web Apps and source for most of the following. If you ever need inspiration, make this your first stop. I also encourage you to add any PWAs you add to the list.

https://pwa.rocks/

Flipboard

One of the biggest players in the PWA space, Flipboard's PWA is slim, fast, and beautiful. Flipboard has a full-featured native application, but also a PWA in order to hedge their bets in terms of user preference. If the content-heavy Flipboard can manage the performance guidelines of PWAs, the sky is the limit.

https://flipboard.com/

React Hacker News

The ever-popular developer project: a clone of Hacker News, here using React. As an open source project, ReactHN is a great way to look into how to manage a complex frontend library with Progressive Web App fundamentals. Our good friend Addy Osmani is at work...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $15.99/month. Cancel anytime

Authors (1)

Domes

Domes

Scott Domes is a full stack developer who specializes in React, with a passion for building powerful and performant web applications, and for playing with shiny new technologies. Based out of Vancouver, when not coding he's probably out hiking some mountain, or getting lost in a good book. Scott loves to teach and talk about web development, and is always looking to learn new things.

See other products by Domes

Other recommended products

Related to this chapter

Progressive Web Application Development by Example

Progressive Web Application Development by Example

Do you want to create amazing applications which grab the attention of users? Progressive web apps are just the right thing for you. With its example-based approach, this book will show you how effective progressive web apps can boost the performance of web and native apps.

Jul 2018 11h 48m

React Router Quick Start Guide

React Router Quick Start Guide

React Router is the routing library for React, and it can be used in both React Web and React Native applications. This book is a simple way to get started with React Router and harness its full power for your applications.

Sep 2018 5h 12m

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

Serverless Web Applications with React and Firebase

Serverless Web Applications with React and Firebase

React and Firebase are just the right match to build real-time applications. This book covers essentials for React, Redux, and Firebase. You'll learn to design, create and maintain professional apps, as well as share practical insights that include basic to advanced examples; from hello world to real-time seat booking and location tracking apps.

Apr 2018 9h 28m

Beginning React

Beginning React

Projects like Angular and React are rapidly changing how development teams build and deploy web applications to production. In this book, you'll learn the basics you need to get up and running with React and tackle real-world projects and challenges. It includes helpful guidance on how to consider key user requirements within the development process, and also shows you how to work with advanced concepts such as state management, data-binding, routing, and the popular component markup that is JSX. As you complete the included examples, you'll find yourself well-equipped to move onto a real-world personal or professional frontend project.

Jul 2018 3h 12m

Firebase Cookbook

Firebase Cookbook

Tired enough thinking or even hearing about Backend Technologies, Authentication or even the tedious task of Deployment, Firebase is here to change the way YOU develop and make your app First citizen of the cloud. Firebase is here to change the way YOU develop and make your app first citizen of the cloud. In this book you will explore what makes Firebase different from any other backend services, even from self-created/hosted services.

Nov 2017 9h 36m

Redux Quick Start Guide

Redux Quick Start Guide

This book will help you get started with the Redux set-up and the Redux ecosystem. You will learn how to integrate Redux with React and other front-end JavaScript frameworks efficiently and manage application states effectively.

Feb 2019 6h 48m

Hybrid Mobile Development with Ionic

Hybrid Mobile Development with Ionic

Ionic is an open source, front-end framework that allows you to develop hybrid mobile apps without any native-language hassle for each platform. It offers a library of mobile-optimized HTML, CSS, and JS components for building highly interactive mobile apps.

Today's web demands efficient real-time applications and scalability. If you want to learn to build fast, efficient, and high-performing applications using React 16, this is the book for you. We plunge directly into the heart of all the most important React concepts for you to conquer. Along the way, you'll learn how to work with the latest ECMAScript features. By the end of this book, you'll be saved from a lot of trial and error and developmental headaches, and you'll be on the road to becoming a React expert.

Aug 2018 19h 20m

Webpack 5 Up and Running

Webpack 5 Up and Running

This book delves into the intriguing world of application bundling. You’ll get to grips with the purpose, fundamentals, and capabilities of Webpack and find out how to work with dependencies in a web app using Webpack. You’ll also understand the potential fault lines in your app with the help of expert tips and tutorials.

May 2020 7h 20m

Isomorphic JavaScript Web Development

Isomorphic JavaScript Web Development

The latest trend in web development, Isomorphic JavaScript, allows developers to overcome some of the shortcomings of single page applications by running the same code on the server as well as on the client. Leading this trend is React, which when coupled with Node, allows developers to build JavaScript apps that are much faster and more SEO-friendly than single page applications. This book will show you how to develop front-end components in React.

Oct 2017 7h 32m

Create React App 2 Quick Start Guide

Create React App 2 Quick Start Guide

This book will help you use CRA to write React programs without much hassle of configuration. With this quick start guide you will integrate your applications with React to build efficient professional web services. You will learn to design UIs with the features of CRA and template your React applications.

Feb 2019 6h 16m

Personalised recommendations for you

Based on your interests and search pattern

ASP.NET Core 9 Web API Cookbook

ASP.NET Core 9 Web API Cookbook

Get ready for the future of web API development by working through practical recipes covering REST, GraphQL, SignalR, and gRPC. This book is ideal for .NET developers eager to learn best practices in API security, data access optimization, and more.

Apr 2025 11h 28m

Spring System Design in Practice

Spring System Design in Practice

This book guides you through the intricacies of building robust software architectures with Spring. You'll get hands-on with the tools and best practices needed to design scalable, secure, and high-performance applications.

May 2025 15h 4m

Learn React Hooks

Learn React Hooks

This ultimate guide to Hooks shows you how to manage state, handle form submissions, fetch data using Suspense, and build reusable custom Hooks. This edition includes the latest Hooks and introduces modern React 19 features with real-world use cases.

May 2025 12h 24m