Скачать или смотреть ТАК ТРЕБА ПИСАТИ РОУТИ! Taxi Card - про Outlet, форми, логіку й автоматизацію | (укр)

У цьому відео — апдейт по Taxi Card після кількох стрімів.
Ми не просто переписали шматки — ми поставили під контроль одну з найголовніших частин фронтенду: навігацію.

Ти побачиш:
🚦 як побудований роутинг і як із нього генерується навігація
🧠 як використати Object.entries для автоматизації рендеру
🧱 як Outlet дозволяє рендерити лише те, що змінюється
💡 чому всі роути мають жити в одному місці

Це не “рефакторинг заради рефакторингу”. Це про мислення в архітектурі, яке рятує тебе в довгостроковій перспективі.

📦 У коді: React Router, Outlet, Form, RouterProvider.

🛠 Хочеш навчитися думати так само — або навіть краще?
👉    • html developer course  

📩 Є код, який хочеш обговорити? Принось сюди:
👉 https://t.me/bui_studies

Не стісняйся писати коментарі!

00:00 — Початок: апдейт після трьох стрімів
00:28 — Новий інтерфейс: валідація, вкладки, вибір аеропорту
01:40 — Селект з усіма аеропортами Британії, оптимізація UX
02:15 — Демонстрація нового коду: структура, зони, компоненти
02:50 — Navigation: кнопки з роутів, структура
03:30 — Roads + linkNamesMap: Object.entries, автоматичні кнопки
04:30 — Контроль роутів в одному місці, додавання нового шляху
05:20 — Outlet: як працює і навіщо
06:10 — RouterProvider і дочірні роути
07:10 — ToAirportForm: перша з трьох форм, структура
08:00 — React Router Form, екшени, початок підготовки логіки
08:30 — Завершення: чому це лише початок і що буде далі