https://peertube.lightnode.ru/videos/watch/22c99dfb-4f82-4f9b-98a3-6532e2cedc33 🔥 Наши интенсивы и мастер-классы — без воды, только практика: РФ - https://htmllessons.ru/intensives Мир - https://htmllessons.io/intensives ❤️ Отзывы тут - https://t.me/htmllessons_reviews 🦋 Наш ТГ канал - https://t.me/redgroup Скачать 🖥 папку проекта: РФ - https://htmllessons.ru/repositories/119 Мир - https://htmllessons.io/repositories/119 Создал полноценный клон Spotify на React и MobX с нуля. В этом видео показываю, как построить музыкальный плеер с воспроизведением, паузой, перемоткой треков, плейлистами и синхронизацией слов песни. Разбираем архитектуру компонентов, настраиваем Tailwind для стилей, добавляем тёмную тему и плавные анимации. Используем TypeScript для типизации, Vite для сборки, lucide-react для иконок. Это практический проект без воды — только код, реальные приёмы и работа с состоянием через MobX. Стэк: React, MobX, TypeScript, Tailwind, Vite, nuqs. 00:00:00 - Важное начало 00:01:13 - Выбираем дизайн 00:03:00 - Создание проекта 00:05:14 - Mobx 00:13:42 - Меню 00:17:00 - Sidebar 01:09:00 - Центральная часть 01:30:00 - Audio player 02:44:00 - Круговой прогресс бар у трэка 03:06:00 - Избранное 03:17:00 - Плейлисты 03:36:00 - Слова песни синхронизация 03:42:35 - ДЕМО 👉 Тема, иконки, шрифт: РФ - https://htmllessons.ru/links Мир - https://htmllessons.io/links Контакты для связи partners@htmllessons.io - Реклама и сотрудничество work@htmllessons.io - Если хотите к нам в команду #React #MobX #TypeScript #REDGroup Mon, 27 Jul 2026 13:41:18 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://peertube.lightnode.ru https://peertube.lightnode.ru/client/assets/images/icons/icon-96x96.png https://peertube.lightnode.ru/videos/watch/22c99dfb-4f82-4f9b-98a3-6532e2cedc33 All rights reserved, unless otherwise specified in the terms specified at https://peertube.lightnode.ru/about and potential licenses granted by each content's rightholder.