Introduction
- Introduction
React Application Setup with Webpack
- Set up React Application with Webpack
- Add Loaders and Babel Configuration
- Set up Webpack Server in Development and Production
Creating Components, Adding SVGS, Images, Styles, Routing
- Create layout component, Add SVG logo, Adding Fonts and Styles
- Adding Routing with Reach Router and Navigation in the header
- Add Images and Background images
Fetching Data from Third Party API and ENV Variables
- Fetching Data from Third Party API using Axios and setup ENV Variables
Introduction to Workbox, Service Workers and Caching | Setup and Registration
- What is Workbox, Service Worker?
- Setup Workbox Webpack Plugin, CopyWebpack plugin and Manifest.json file
- Register Service Workers and Cache Update
- Using Workbox Core and Precaching
Caching At Runtime and Caching Strategies
- Routing | Caching Google Fonts | StaleWhileRevalidate & Cache First Strategies
- Caching Images, styles and scripts - Cache first
- Cache third party api response
