Before diving into either guide, please read over this readme especially the overview sections to gain context of each guide's contents
This is a guide intended to clarify PWA concepts. Intended for use by anyone who needs a more in depth look into how it all works! It is best to go through the Quick Start Guide for IndexedDB first since indexedDB is super important in context to how we will set up offline features in this PWA.
To do list (I know very original) application which features all CRUD operations. Simply open index.html in your browser to see it in action. Open the browser dev tools and open the application tab to see the indexedDB stuff (should be under a db called ToDoList)
- Thank you Joshua Bell from Stackoverflow
- I referenced this Blog Post a lot
- Nothing better than good old documentation!
- I recommend watching this Youtube video on 1.5x speed
The Quick Start Guide for PWA will cover some basic functionality on enabling offline use. We will be using MongoDB/Mongoose and IndexedDB to make this happen! Before you go there though check out these resources below! I am an INTP (Myers-Briggs Personality type) so I really like to skim and absorb many resources before I make a judgement or decision on something. In this case I juxtaposed some resources in different formats (readings, videos etc) to see what stuck with me and made sense. These resources were the main resources I used to compile this guide. Everyone's different though so please take a gander at the resources that helped me! While my guide should help a bit, nothing beats a primary source!
-
For all you avid readers here are some detailed guides
-
For all of you who like videos here's an overview of PWA
-
Specific topics
- More details on manifest.json BTW they're in your react apps when you use boilerplate 👀
- More details on Service Worker!
- Worker lifecycles Don't let them be a mystery!