Як організувати роутинг у React-застосунку?

📌 Очікувана відповідь:
Найпопулярніше рішення — використовувати бібліотеку React Router.
Вона дозволяє створювати SPA (Single Page Application) з навігацією без перезавантаження сторінки.

📌 Базовий приклад:

import { BrowserRouter, Routes, Route } from "react-router-dom";

function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/about" element={<About />} />
      </Routes>
    </BrowserRouter>
  );
}

📌 Як працює React Router:
1️⃣ Використовує Browser History API

pushState, replaceState

2️⃣ Відстежує зміну URL у браузері.
3️⃣ Порівнює URL із Route.
4️⃣ Якщо шлях збігається — рендерить відповідний компонент.

📌 Що відбувається при переході через Link:

<Link to="/about">About</Link>

React Router:
• не перезавантажує сторінку;
• змінює URL через History API;
• React перерендерює компонент, який відповідає маршруту.

📌 Основні компоненти React Router:

BrowserRouter

— обгортає застосунок;

Routes

— контейнер для маршрутів;

Route

— опис конкретного маршруту;

Link

— навігація без перезавантаження сторінки.

🍀 Пам’ятай: відповідай впевнено, коротко і по суті.

Вчіть не відповіді. Вчіть логіку. Удачі!

TikTok | Instagram | Telegram

Що читають у Codica 📚

Друзі, на зв’язку наша постійна рубрика, де ділимось книгами з корпоративної бібліотеки, які можуть бути корисними не лише для полиці, а й для роботи, мислення та розвитку.

Минулі наші розбори:
Head First — Програмування на JavaScript

#codica_books

Гарро фон Зенгер — 36 стратегем для керівника

Чому це цікаво
У бізнесі перемагає не завжди той, хто сильніший чи голосніший. Часто виграє той, хто краще бачить ситуацію наперед, читає наміри інших і мислить на кілька ходів вперед.

Що сильного
• нестандартний погляд на переговори, конкуренцію та управління
• багато сильних ідей зі східної стратегічної культури
• змушує дивитися на конфлікти та рішення ширше
• корисно для керівників, sales та підприємців
• після книги частина ділових ситуацій починає читатися зовсім інакше 😏

Що недотиснули
• частину підходів легко сприйняти занадто маніпулятивно
• не всі стратегеми однаково застосовні в сучасному бізнесі
• місцями книга більше про мислення, ніж про конкретні інструменти

Кому може бути цікава
👉 керівникам команд
👉 фаундерам
👉 sales та negotiators
👉 project / delivery менеджерам
👉 тим, хто любить стратегічне мислення
👉 людям, які втомилися від наївного “усі завжди грають чесно”

Оцінка від Codica
8 / 10 👍

Наш висновок
Цікава книга для розвитку стратегічного мислення, якщо читати її як інструмент розуміння ситуацій, а не інструкцію з маніпуляцій.

TikTok | Instagram | Telegram