Город МОСКОВСКИЙ
02:48:07

Создаем ТИК ТОК на React.JS + React Query с настоящим API

Аватар
Гении React-Мира
Просмотры:
28
Дата загрузки:
27.11.2023 20:39
Длительность:
02:48:07
Категория:
Технологии и интернет

Описание

Чтобы создать Тик Ток с нуля, нам понадобится:

- Целый React.JS
- Половинка React Query
- Немножко API (Real Tik Tok данные)
- Остальные библиотечки по вкусу

По итогу у нас получится реальное приложение с настоящими данными Тик Тока. Изучим подходы использования популярной библиотеки React Query и рассмотрим базисные вещи такие, как: работа с запросами, бесконечная подгрузка, кеширование и прочее.

00:00 - Знакомство с демо
01:37 - Установка библиотек: React.JS, React Query, Material UI, React Player
03:02 - Подключение стилей, прописываем основные компоненты
08:30 - Работа с React Query Provider
10:36 - Создаем основные компоненты: App, Feed, Routes, Header
17:35 - Прописываем функцию для работы с Rapid Tik Tok API
20:37 - Начинаем работать с Feed-лентой и useQuery
48:15 - Добавляем React Player для воспроизведения видео
01:00:28 - Создаем логику для поиска видео и useInfiniteQuery
01:26:38 - Выводим всю информацию о пользователе
02:22:40 - Пишем логику для компоненты одного видео

☃️ мой github: https://github.com/tomkovich
? мой телеграм: https://t.me/tomkovich_frontend
? мой инстаграм: https://www.instagram.com/thmpsn_ya
? мой linkedin: https://www.linkedin.com/in/tomkovich
? мой patreon: https://www.patreon.com/thmpsn_ya

Рекомендуемые видео