Create a Custom Service Worker without Ejecting from CRA

How to create a custom Service Worker in a React PWA made with Create-React-App without having to eject.

Ratings 4.21 / 5.00
Create a Custom Service Worker without Ejecting from CRA

What You Will Learn!

  • How to create a custom Service Worker using Create-React-App without Ejecting
  • How to use Google's Workbox tool to create some basic Service Worker functionality
  • How to simplify and improve the development workflow for writing and updating custom service workers
  • How to solve some common problems and issues that arise when writing a custom service worker with a React SPA application

Description

This course is for developers who want to create a custom Service Worker for a React app made with Create-React-App without having to eject from CRA. 

While Create-React-App comes with a Service Worker and some built in PWA capability, some developers may want to implement a more custom implementation (using custom dynamic caching and route handling for example).  The conventional approach to doing this is to eject from CRA in order to have more control, but the disadvantage of this is losing the management and zero configuration benefits that Create-React-App provides. 

So is it possible to create your own custom Service Worker and gain more control over its implementation for an app made with CRA without having to eject?

Yes, it is, but the documentation and instructions for how to do this exactly are not uniform or official and difficult to piece together.  Some proposed solutions direct the developer to install third party libraries which can add complexity and require additional configuration, while other approaches come with negative side effects such as making the development workflow a cumbersome process.  The documentation of these approaches are also sometimes incomplete, disparate and not helpful. 

What this course aims to do is provide a clear, concise and effective solution for accomplishing this. 

While it is a short course, don't mistake that to mean there is not a lot of value.  The aim is to save you as much time as possible and get you the pertinent information you need to reach the goal as quickly as possible. 

The developer who takes this course will learn how to gain more control over the Service Worker and PWA functionality while maintaining the benefit of allowing Create-React-App to remain in control and manage their web application bundle while retaining the ease of use provided by the tool. 

If you've struggled with finding clear documentation and methods for developing a custom Service Worker for an app made with CRA without having to eject, then this course is for you. 

Note that this course assumes some prior coding experience and JavaScript knowledge, as well as familiarity with React, Create-React-App and PWA concepts in general. 



Who Should Attend!

  • React Developers wanting to create PWAs and custom service workers using Create-React-App without having to eject
  • React developers wanting to make Progressive Web Apps and leverage Create-React-App

TAKE THIS COURSE

Tags

  • Software Development
  • Progressive Web App

Subscribers

23

Lectures

19

TAKE THIS COURSE



Related Courses