Learn React by building a progressive web app
Get the code here: https://github.com/vinod-kayartaya/le...
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)