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 проектах. 🎁 Супер-Бонус! Заберите готовый код примера маршрутизации по разделам:
Не забудьте сделать 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 сегменты для перехода на форму авторизации либо регистрации

Смотрите также