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 an App with React Suspense
Video

by Michael Chan

đŸ•šī¸ Levels: 🚀 Advanced

âŗ Duration: 1.5 hours

🤑 Price: Subscription

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

ReactReactJavaScriptJavaScript

Immutable JavaScript Data Structures with Immer
Video

by Michel Weststrate

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 1 hours

🤑 Price: Free

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

ReactReact

Learn React Page in React Docs
WrittenInteractive

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

🤑 Price: Free

🔙 Back to React Category