React с Нуля 12: Руководство React Router. Тот еще МАРШРУТИЗАТОР
Продолжаем серию видео React с Нуля. Сегодня на повестке МАРШРУТИЗАТОР react router v7. Простое руководство по данной библиотеке.
🧙♂️ плейлист "React ПОЛНОЕ погружение": • React: ПОЛНОЕ Погружение (От Новичка до Пр...
В этом видео вы узнаете как не перезагружать страницу используя single page application. что нужно знать о React Router v7, чтобы начать создавать маршруты связывая url адрес с компонентами. Сделаем навигацию по нашему React приложению. Это руководство охватывает основы React Router, полезно как для начинающий так и для опытных,
Видео включает в себя:
✅ Что вообще такое маршрутизация как с ней работать. как не нарушить Single Page Application (SPA)
✅ Зачем нужен react router
✅ Как использовать react router (маршрутизация, навигация, параметры)
✅ Установка и настройка React Router v7
✅ Создание маршрутов с помощью ссылок и сегментов
✅ Использование компонента Routes, Route, NavLink, Link
✅ Работа с параметрами URL
Мы пройдем все шаги вместе, от установки до создания простого примера маршрутизации в приложении. К концу этого видео вы сможете самостоятельно создавать навигацию в своих React проектах.
🎁 Супер-Бонус! Заберите готовый код примера маршрутизации по разделам: https://github.com/MrAlexandder/React...
Не забудьте сделать 3 волшебные вещи:
👍 Поставить лайк этому видео, если оно было полезным и интересным!
🔔 Подписаться на канал, чтобы не пропустить новые уроки по React, и веб-разработке!
💬 Написать в комментариях, какие темы вы хотели бы видеть в следующих видео. Ваше мнение важно для меня!
00:00 как переходить по страницам без перезагрузки
01:47 что такое react router
01:47 что такое react router
03:35 как использовать маршрутизацию (routing) в react router
07:53 навигация по маршрутам route
09:14 данные в адресной строке url
10:57 как установить react router
12:00 создание маршрутов Routes, Route
18:09 навигация по разделам Link, NavLink
28:05 использование url сегменты для перехода на форму авторизации либо регистрации