Клон сайта Airbnb на React JS

Мои авторские курсы: 📦 HTML верстальщик: https://webcademy.ru/htmlstart 🛠️ Frontend разработчик: https://webcademy.ru/frontend 🐘 Разработка сайтов на PHP: https://webcademy.ru/phpcourse/ ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 🌍 Сайт ВебКадеми: https://webcademy.ru ТАЙМ КОДЫ: 00:00 Старт: распаковка архива, открываем проект 00:31 Node.js LTS: установка и проверка версий 01:26 Запуск проекта 02:30 Что готово: главная (верстка) 05:32 Структура проекта: src/App/components 07:03 Header: Logo/Search/UserMenu/Categories 08:57 SPA и зачем роутинг 11:57 Ставим react-router-dom 12:40 Настраиваем маршруты / /listing /item 19:05 Папка pages: создаём страницы 22:26 Перенос Main в MainPage, правка путей 40:13 Алиасы в vite.config.js (@pages/@components/...) 43:02 Categories переносим в MainPage 45:56 ListingPage: каркас Options + Grid 49:50 CSS Modules для listing 56:57 Компонент ListingCard: создаём 1:06:09 Картинки из макета + srcSet 2x 1:08:29 Стили карточки: grid, радиус, блоки 1:20:59 Footer: рейтинг + цена 1:26:59 Icon Star компонент + @assets 1:33:34 Список карточек + разделители 1:39:09 Генерация listing.json из макета (Codex) 1:52:57 Рендер из JSON через map + key 1:57:42 Details через join(" · ") 2:08:06 Heart icon + active по is_favorite 2:14:11 Конец стрима