Загрузка...

24 - Вложенные роуты и Layout в React Router

Урок 24 курса React с нуля. Создаём общий Layout для приложения: Header + Outlet. Разбираем вложенные маршруты (nested routes) и компонент Outlet из React Router.

⏱ Таймкоды:
00:00 — Интро
00:05 — Задача: общий Layout для приложения
00:20 — Что такое Layout: Header + контент
01:00 — Создаём компонент Layout
02:00 — Outlet — место для вложенных страниц
03:30 — Вложенные Routes (nested routes)
05:00 — children в конфигурации роутера
07:00 — Header с навигацией (Link)
09:00 — Стилизация Layout
11:00 — Тестируем навигацию
13:00 — Коммит и Pull Request
15:04 — Следующий урок — обработка ошибок

🔗 React Router: https://reactrouter.com

📱 Соцсети:
Telegram: https://t.me/daonejuniorday
⚡️ Поддержать меня на Boosty: https://boosty.to/sovit

#react #reactrouter #layout #outlet #вложенныероуты #курсреакт #frontend #javascript #программирование

Видео 24 - Вложенные роуты и Layout в React Router канала Дюжев Алексей. с 0 в IT.
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять