Роутінг інтернет-магазину з нуля React Router 6 | (укр)

Опубликовано: 08 Февраль 2026
на канале: Programming explained in Ukrainian | BUOY studies
1,327
75

Розбираємо як використовувати новітні фішки React Router 6 на прикладі інтернет-магазину з 3-ма видами користувачів. Використовую тільки перевірені на власній шкурі підходи та best practices. Повторюй код із відео та ділись своїм досвідом в коментарях.

00:00 - постановка задачі
00:17 - звідки брати дані
00:28 - список сторінок, назви роутів
01:50 - як структурувати сторінки?
02:48 - для чого все на enum-ах?
03:32 - базовий набір роутів
04:59 - створення і тест загального роутера
07:30 - компонент Navigation
08:08 - children роути
11:23 - різні роутери залежно від ролі
14:53 - створення сторінки 404 Not Found
16:05 - різні сторінки залежно від ролі
17:49 - як користуватись loader-ами в react router?
20:35 - як користуватись action-ами в react router?
23:39 - в чому перевага?
24:33 - отримуємо дані форми в action-і роута
25:37 - мораль!

ламповий телеграм канальчик - https://t.me/bui_studies