Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login

Copyright Š 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
  1. Home
  2. React
  3. Progressive Web Apps in React with create-react-app
React / JavaScript
Video

Progressive Web Apps in React with create-react-app

by Chris Achard
Enroll
đŸ•šī¸ Levels: 😎 Intermediate
âŗ Duration: 1 hours
🤑 Price: Subscription
🧑‍đŸ’ģ Learning Platform: Egghead.io
🧑‍🎓 Certificate: No

🔑 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.
Update Course

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?

ReactReact

Build a Practical NFT Ticketing Service with Solidity and React
Video

by Ryan Harris

đŸ•šī¸ Levels: 😎 Intermediate, 🚀 Advanced

âŗ Duration: 1.5 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Egghead.io

TypeScriptTypeScriptReactReactNetlifyNetlify

Deploy a Serverless API React Application with TypeScript
Video

by Jason Lengstorf

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 0.5 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Egghead.io

ReduxReduxReactReact

Fundamentals of Redux Course
Video

by Dan Abramov

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 2 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Egghead.io

🔙 Back to React Category