Back to Browse

Learn React by building a progressive web app

1.6K views
Jul 9, 2023
3:06:34

Get the code here: https://github.com/vinod-kayartaya/learn-react-by-building-a-progressive-web-app Introduction (00:00:00) A quick intro to React (00:04:47) Software setup (00:08:29) Create a new React application (00:14:30) Clean up and refactor our application (00:20:38) Adding Bootstrap CSS library (00:30:26) The Header component (00:33:39) The Home component (00:42:49) The OMDB Api (00:48:44) Get the OMDB API-Key (00:51:36) The MovieCard component (00:54:29) The MovieList component (01:03:04) Using-props (01:08:56) Getting data from OMDB API for MovieList component (01:14:29) Setting up the Routes (01:23:40) Handling query string parameters (01:29:33) Changing route paths programatically (01:34:34) Using the Link to switch components (01:50:21) The MovieDetails component (01:53:11) Creating a production build (02:11:32) Create a Google Firebase Project (02:15:10) Install Firebase CLI (firebase-tools) (02:19:28) Initialize the Firebase project (02:23:12) Deploy the production build on Firebase hosting (02:27:13) Chrome-s Lighthouse auditing tool (02:33:33) What is a Progressive Web App? (02:37:43) Creating icons for our app (02:48:24) A closer look at manifest.json (02:55:03) Enabling ServiceWorker (02:57:30) Redeploy and re-evaluate our App on Lighthouse (03:00:34)

Download

0 formats

No download links available.

Learn React by building a progressive web app | NatokHD