Create a Custom Service Worker without Ejecting from CRA

Create a Custom Service Worker without Ejecting from CRA, available at $19.99, has an average rating of 4.25, with 19 lectures, based on 2 reviews, and has 24 subscribers.

You will learn about How to create a custom Service Worker using Create-React-App without Ejecting How to use Googles 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 This course is ideal for individuals who are React Developers wanting to create PWAs and custom service workers using Create-React-App without having to eject or React developers wanting to make Progressive Web Apps and leverage Create-React-App It is particularly useful for React Developers wanting to create PWAs and custom service workers using Create-React-App without having to eject or React developers wanting to make Progressive Web Apps and leverage Create-React-App.

Enroll now: Create a Custom Service Worker without Ejecting from CRA

Summary

Title: Create a Custom Service Worker without Ejecting from CRA

Price: $19.99

Average Rating: 4.25

Number of Lectures: 19

Number of Published Lectures: 19

Number of Curriculum Items: 19

Number of Published Curriculum Objects: 19

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

How to create a custom Service Worker using Create-React-App without Ejecting

How to use Googles 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

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

Target Audiences

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

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. 

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Overview

Lecture 2: Pre-requisites and Tools used

Lecture 3: Code Snippets

Chapter 2: Creating a Basic Custom Service Worker

Lecture 1: CRA 4 vs. Earlier Version

Lecture 2: Setup Using an Earlier Version of CRA

Lecture 3: Register a Custom Service Worker Without Workbox

Lecture 4: Continuing without using Workbox

Chapter 3: Using Workbox

Lecture 1: Section Overview

Lecture 2: Note on using yarn vs. npm

Lecture 3: Setting up Workbox

Lecture 4: Basic Caching

Lecture 5: Caching the React Bundle

Lecture 6: Fixing the Logo

Chapter 4: Dealing with SPA Routing

Lecture 1: Setting Up Custom Navigation Routes

Chapter 5: BONUS Lectures

Lecture 1: Easily Generate PWA App Icons

Lecture 2: Removing CRA Icons

Lecture 3: A2HS – Install App to Homescreen

Chapter 6: Final Section

Lecture 1: Summary of the Development Workflow (using Workbox)

Lecture 2: Thank You and Other Resources

Instructors

Brenton Marquez
Software Developer

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 0 votes

4 stars: 2 votes

5 stars: 0 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!