Copyright Š 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
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
  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

The Joy of React
VideoInteractive

by Josh W. Comeau

đŸ•šī¸ Levels: 😎 Intermediate

🤑 Price: $249-$599

ReduxReduxReactReact

Redux Fundamentals (feat. React)
Video

by Steve Kinney

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 4.5 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Frontend Masters

ReactReactTestingTesting

Testing React Apps with React Testing Library
Video

by Mosh Hamedani

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

âŗ Duration: 7 hours

🤑 Price: Subscription

🔙 Back to React Category