🍿 Betflix / Разработка ОНЛАЙН кинотеатра (2024) [REACT, REDUX, MUI]

preview_player
Показать описание

🎥 В этом длинном видео уроке мы напишем на React кинотеатр с возможностью онлайн просмотра фильмов.

➡️ Ссылки из видео:

⏳ Таймкоды:
00:00:00 Введение
00:06:07 Настройка окружения
00:10:57 Eslint + Prettier
00:17:54 Eslint sort imports
00:20:57 Routing + MUI
00:26:00 Navbar
01:05:14 Footer
01:14:38 Обзор API
01:23:33 Redux toolkit
01:49:45 Переменные окружения (ENV)
01:56:27 Страница с коллекциями фильмов
02:32:04 Пагинация
02:39:04 Главная страница - api
02:59:01 Главная страница - карусель
03:26:31 Компонент ErrorMessage
03:31:06 Скелетоны
03:51:37 Страницы "Фильмы", "Сериалы", "Мультфильмы"
04:02:43 Фильтрация
04:53:03 Кнопка сброса фильтров
04:55:33 Фикс скелетона
05:06:04 Страница с фильмом
05:53:53 Сиквелы и приквелы
05:58:54 Небольшие фиксы
06:02:18 Смотреть онлайн
06:22:02 Поиск
06:45:40 Loader при поиске
06:56:24 Страница с актером
07:30:06 Темная тема
07:48:36 Деплой netlify

⭐️ Мои соц. сети
Рекомендации по теме
Комментарии
Автор

Рад видеть вас снова. Смотрел ваши видео и по несколько раз - принесли много пользы) Буду смотреть и это конечно!

Max-edyd
Автор

ой как же рад видеть тебя, ты самый лучший мужик. Спасибо за крутой контент!

samano
Автор

Супер . было бы круто сделать отдельный плейлист улучшений.У одного американского блогера есть такая рубрика . Он делает сайт так же чуть ли не 10 ч . А затем пару коротких роликов улучшений . Допиливал сайдбар, переделывал авторизацию

aticus
Автор

😂😂😂 и всё ровно не получилось сделать копию. Топорно работает

yappix
Автор

Спасибо за этот бесплатный курс. Продолжайте также дальше🥰🥰🤩

Zetfri
Автор

можете подсказать, хочу к нг разработать свой сайт для себя тоже мини кинотеатр,
Суть вопроса:
Я понимаю что не практично создавать каждую страницу с отдельным фильмом, но можете подсказать как сделать так, как у вас, т.е разные плееры которые не утратят много памяти на сервере и т.д

ProgVipe
Автор

Спасибо) а что лучше и лаконичней использовать RTK query или React query?

PieceOfInternet
Автор

vscode перестал показывать ошибки. Например, когда только объявляем Navbar 27:53 у вас показывает ошибку, т.к. компонента такого еще нет. У меня нет ошибки, хотя компонента не существует

qqqqqqqq
Автор

А если в файле джейсон вскода нету этих настроек?То как их туда добавить

ИгорьПлыс-дх
visit shbcf.ru