React работа с компонентами Link и State для Header

👉 Перенос Header и работа с React Icons, ScrollLink, useState 👉 Полное руководство (Часть 2) В этом видео я покажу, как перенести Header в React-проект, подключить компонент Link и использовать ScrollLink для плавной прокрутки. Мы также разберём, как управлять стилями с помощью State и добавим иконки с помощью React Icons. Видео идеально подойдёт для тех, кто хочет углубить свои знания в React и научиться работать с компонентами и состоянием. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Что вас ждёт в этом видео: 🔗 Подключение компонента Link: Разберём, как использовать Link для навигации внутри React-приложения. 📜 Использование ScrollLink: Узнаете, как настроить плавную прокрутку к нужным разделам сайта. 🎨 Управление стилями через State: Научимся менять стили элементов в зависимости от состояния. 🛠️ Добавление React Icons: Сделаем хедер более привлекательным с помощью иконок. 🖌️ Перенос стилей: Перекинем стили хедера и оптимизируем их для лучшего внешнего вида. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 👉 GitHub Repo https://github.com/Ilya-Stoyanov/react-portfolio-start (Вы папке src есть папка assets внутри этой папки есть папка start там находится вёрстка и стили) 🚀 Курс по Верстке https://frontend-courses.com/ 🧩 React Developer Tools для Google Chrome https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi 🧩 React Icons https://react-icons.github.io/react-icons/ 🧩 React Scroll https://www.npmjs.com/package/react-scroll ⏱️ Таймкоды: 00:05 — Обзор задачи 01:05 — Перенос Header в React 01:45 — Добавление навигации в проект React 03:45 — Как подключить компонент Link в React 05:22 — Создание массива меню для удобной навигации 08:40 — Как добавить стили для компонентов React 14:34 — Подключение React Icons - Украшаем проект 16:11 — Работа с useState - Управляем состоянием в React 21:00 — Использование React Developer Tools для отладки 26:35 — Лайк, подписка и поддержка канала. Спасибо за просмотр! 👍 Спасибо, что досмотрели до конца! Если видео было полезным, ставьте лайк и подписывайтесь, чтобы не пропустить ещё больше полезных материалов по созданию и вёрстке сайтов! 💜