đ Key Learning Outcomes
- Create a Progressive Web App with React and register a Service Worker.
- Customize the appearance of the app, including the app icon and splash screen.
- Interact with native features like the camera in a PWA.
- Deploy a production app to Heroku.
đ¨âđĢ About the Course
Progressive Web Apps (PWAs) allow users to use web apps online or offline and install them on iOS or Android devices like native apps. In this course, we'll create an online/offline note-taking app using create-react-app for the frontend and Node.js for a simple backend. You'll learn to configure PWAs, persist data offline, interact with native features, and deploy the app.
đ¯ Target Audience
- Developers familiar with React looking to create Progressive Web Apps.
- Those interested in offline web app functionality and native app features.
â Requirements
- Basic knowledge of React and JavaScript.
- Understanding of frontend development concepts.
đ Course Content
- Create a Progressive Web App with React and Register a Service Worker.
- View the Service Worker, Cache, and Debug a PWA.
- Pre-cache Static Resources with Workbox and View a React PWA Offline.
- Add a Custom App Icon and Change the Name of a PWA.
- Access the Camera in a PWA built with React.
- Customize the Splash Screen of a PWA.
- Do a PWA Audit with Lighthouse using Chrome Dev Tools.
Drop a comment
Progressive Web Apps in React with create-react-app by Chris Achard
Log in to leave a feedback
Loginđ Psst! Interested in More React Courses?
Auditing React Apps for AccessibilityVideo
by Erin Doyle
đšī¸ Levels: đ Intermediate
âŗ Duration: 0.5 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Egghead.io
GraphQL Data in React with Apollo ClientVideo
by Nik Graf
đšī¸ Levels: đą Beginner
âŗ Duration: 0.5 hours
đ¤ Price: Free
đ§âđģ Learning Platform: Egghead.io
Higher Order Components with Functional Patterns Using RecomposeVideo
by Tim Kindberg
đšī¸ Levels: đ Intermediate
âŗ Duration: 1 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Egghead.io