Create React App – Google Workbox Override without ejecting

https://karannagupta.com/using-custom-workbox-service-workers-with-create-react-app/ This article began my journey of overriding CRA’s workbox configuration without ejecting. https://developers.google.com/web/tools/workbox/guides/advanced-recipes https://developers.google.com/web/tools/workbox/modules/workbox-google-analytics Nice overview of caching strategies https://web.dev/reliable/runtime-caching-with-workbox Used this to Setup the different Routes https://developers.google.com/web/tools/workbox/guides/common-recipes

Create React App – PWA Caching Challenge

In developing my latest Progressive Web App, I came across the following problem. Note I was using Create-React-App at at the time, it did not allow for modifying the workbox it used to generate its Service Worker. I found this article https://karannagupta.com/using-custom-workbox-service-workers-with-create-react-app/ which provides a way to create a custom SW without ejecting from CRA.  Challenge The … Read more

ReactJS – Common Project Tasks in my Web App Development

These are tasks/steps I follow in my current development process that is common among my front-end development in ReactJS. I mostly use create-react-app (CRA). Organisational Pages – try to make them “copy/paste” as possible between projects as it is the same organisation Create-React-App – default settings MDB React CSS React-Router-Dom (used MDB) Router setup with … Read more