🤖 VibeCoder / SystemDesign / Fullstack марафон: https://docs.google.com/forms/d/1aAvJE5_IjPUNJyyOfTrcelP-9SgP_jRTmw3dxBGd8PM/edit 🛜 Курс по DevOps для Front-end разрабов https://it-incubator.io/education/devops-for-developers 🎨 Front-end https://it-incubator.io/front-end/?utm_source=youtube&utm_medium=it-k&utm_campaign=education&utm_content=rsw ⚙ Back-end https://it-incubator.io/back-end/?utm_source=youtube&utm_medium=it-k&utm_campaign=education&utm_content=rsw 💰 Карьерный бустер\стажировка https://it-incubator.io/education/career-booster/?utm_source=youtube&utm_medium=it-k&utm_campaign=education&utm_content=rsw Топ 5 книг для программиста https://youtu.be/IeODSXm4s_E Станьте спонсором канала, и вы получите доступ к эксклюзивным бонусам. Подробнее: https://www.youtube.com/channel/UCTW0FUhT0m-Bqg2trTbSs0g/join Поддержать меня можно на: Patreon https://www.patreon.com/itkamasutra Boosty https://boosty.to/itkamasutra Поддержать проект монеткой: https://social-network.samuraijs.com А здесь бесплатная взаимопомощь: https://t.me/reactjs_samurai * Мы в соц. сетях: https://vk.com/itkamasutra https://instagram.com/it.incubator https://telegram.me/itkamasutra * Мои личные VK и Inst: https://vk.com/d.kuzyuberdin https://www.instagram.com/dmitry.kuzyuberdin/ 00:00 — Интро, мотивация, философия 03:22 — Принцип работы React Router: URL и рендеринг компонентов 04:20 — Жизненный цикл Single Page Application (SPA) 06:20 — Создание проекта и установка React Router (используем pnpm) 08:10 — Режимы работы React Router: Декларативный режим 09:22 — Настройка BrowserRouter и обертка приложения 10:45 — Конфигурация путей: Компоненты Routes и Route 14:48 — Как React понимает, какой компонент отрисовать 17:00 — Разница между React-элементом и рендером компонента 25:29 — Навигация: Почему нельзя использовать обычные ссылки a 26:44 — Компоненты Link и NavLink, переходы без перезагрузки 32:34 — Стилизация активных ссылок через NavLink и класс active 35:48 — Динамические пути и параметры, URL Params 39:40 — Как считывать параметры с помощью хука useParams 44:18 — Фундаментальные основы, Монтирование и Демонтирование компонентов 51:00 — Использование useEffect для отслеживания жизненного цикла 01:00:11 — Важность фундаментальных знаний для Software Engineer 01:01:40 — Анонс нового курса по Full Stack инженерии 01:06:05 — О планах развития канала и конспектах