Sobes.tech
Nápověda k rozhovoru
Zdroje
Příprava na pohovor
Zdroje
Hledání práce
Zdroje
Právní
Zpět k otázkám
Middle

Jaké jsou způsoby implementace routingu ve vývoji frontend?

sobes.tech AI

Odpověď od AI

Existují dva hlavní způsoby implementace směrování na frontendu:

  1. Směrování na straně klienta: Směrování je přímo v prohlížeči řízeno pomocí JavaScriptu.

    • Princip fungování: Při navigaci se stránka úplně nepřenačte. JavaScript mění URL v adresním řádku prohlížeče (pomocí API History) a dynamicky načítá nebo překresluje potřebné komponenty nebo části stránky.
    • Stav URL:
      • Používá API History (pushState, replaceState). URL je čisté, bez #.
      • Může používat hash (#) v URL (zastarý přístup s #).
    • Výhody:
      • Vylepšený uživatelský zážitek (rychlejší přechody, bez úplného přenačtení).
      • Vhodné pro jednostránkové aplikace (SPA).
    • Nevýhody:
      • Vyžaduje další konfiguraci serveru pro správné zpracování přímých přístupů přes URL (například fallback na index.html).
      • Může být problém s SEO, pokud je obsah renderován pouze na klientovi (řeší se SSR nebo pre-renderingem).
    • Populární knihovny/frameworky: React Router, Vue Router, Angular Router.

  2. Serverové směrování: Směrování je plně zpracováváno na straně serveru.

    • Princip fungování: Při každém požadavku na novou URL, prohlížeč odešle požadavek na server. Server požadavek zpracuje, určí, jaký obsah vrátit, a pošle kompletní HTML stránku klientovi. Prohlížeč úplně znovu načte stránku.
    • Stav URL: URL odpovídá skutečnému zdroji na serveru.
    • Výhody:
      • Jednoduchá implementace pro vícestránkové aplikace (MPA).
      • Výborná indexace vyhledávači (SEO), protože obsah je ihned připraven.
      • Nevyžaduje JavaScript pro základní navigaci.
    • Nevýhody:
      • Pomalejší přechody mezi stránkami kvůli úplnému načítání.
      • Méně interaktivní ve srovnání se SPA.
    • Příklady: Dědí po tradičních webových aplikacích, kde každý URL odpovídá samostatnému souboru nebo routě na serveru (například PHP, Python s frameworky jako Django/Flask, Node.js s Express atd.).

V moderních frontendových aplikacích, zejména v SPA, je klientské směrování standardem. Serverové směrování se častěji používá pro vícestránkové stránky nebo ve spojení s klientským směrováním pro zlepšení SEO (například SSR).

PředchozíDalší