Learn React by building a progressive web app
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)
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Learn React by building a progressive web app», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.