Туториал по созданию сайта на React с Tailwind CSS — Адаптивный React-проект для начинающих

Учебное пособие по созданию веб-сайта на React с использованием Tailwind CSS — проект для начинающих по адаптивному дизайну мобильных устройств на React. Следуйте инструкциям и создайте этот удобный для начинающих веб-сайт на React JS, полностью оформленный с помощью Tailwind CSS. Адаптивный дизайн с приоритетом мобильных устройств, использующий flexbox и grid-макеты. Получение всех данных/изображений из файла data.js для имитации ответа API. Фильтрация данных/изображений с помощью метода массива фильтров JavaScript. 🙏 Спасибо за внимание! Пожалуйста, поделитесь своим мнением в комментариях ниже! Бесплатный шаблон резюме https://bit.ly/3BMRa4A ZeroTo Mastery: Курс по освоению React JS - https://bit.ly/Learn-React-JS Полный курс веб-разработчика в 2023 году - https://bit.ly/Complete-Web-Developer... Задачи по программированию! https://bit.ly/Code-Challenges Получите данные здесь! src/data/data.js 💻 Репозиторий GitHub 💻 https://github.com/fireclint/food-app... 🏆 Создание веб-сайта на React JS — руководство для начинающих 🏆 CSS для Tailwind 🏆 Хук useState 🏆 Фильтрация результатов ❤️ Поддержите канал https://www.buymeacoffee.com/clintbriley Instagram 💪   / fireclint   ⏰ Временные метки 00:00 Приветствие 01:30 Создание приложения React 02:12 Установка CSS для Tailwind 03:32 Глобальные стили в Index.css 06:05 Компонент Navbar 20:15 Мобильное меню 31:25 Компонент Hero 38:10 Компонент HeadlineCards 46:01 Еда Компонент 57:10 Отображение данных 1:05:55 Фильтрация данных 01:10:46 Компонент категории 🔥 Мое оборудование для программирования 🔥 Беспроводная клавиатура Logitech MX - https://amzn.to/3xKPFiN Беспроводная мышь Logitech MX Master 2S - https://amzn.to/3O5WmRD Игровой монитор SAMSUNG 49 дюймов - https://amzn.to/3mvUy8M Настольная светодиодная панель для монитора - https://amzn.to/3xzKlyj