Aké sú spôsoby implementácie routingu vo vývoji frontend?

Existujú dva hlavné spôsoby implementácie routovania na frontende:

1. Klientske routovanie: Routovanie sa spracováva priamo v prehliadači pomocou JavaScriptu.

   • Princíp práce: Pri navigácii sa stránka neobnoví úplne. JavaScript mení URL v adresnom riadku prehliadača (pomocou History API) a dynamicky načítava alebo prekresľuje potrebné komponenty alebo časti stránky.
   • Stav URL:
     • Používa History API (pushState, replaceState). URL je čisté, bez #.
     • Môže používať hash (#) v URL (zastaralý prístup s #).
   • Výhody:
     • Zlepšený používateľský zážitok (rýchlejšie prechody, bez úplného obnovenia).
     • Vhodné pre jednostránkové aplikácie (SPA).
   • Nevýhody:
     • Vyžaduje dodatočné nastavenie servera pre správne spracovanie priameho prístupu cez URL (napríklad nastavenie fallback na index.html).
     • Môžu nastať problémy s SEO, ak sa obsah renderuje iba na klientovi (rieši sa SSR alebo pre-renderingom).
   • Populárne knižnice/ramece: React Router, Vue Router, Angular Router.

2. Server-side routovanie: Routovanie je úplne spracované na strane servera.

   • Princíp práce: Pri každom požiadavku na nový URL prehliadač odošle požiadavku na server. Server spracuje požiadavku, určí, aký obsah treba vrátiť, a odošle plnohodnotnú HTML stránku klientovi. Prehliadač úplne obnoví stránku.
   • Stav URL: URL zodpovedá skutočnému zdroju na serveri.
   • Výhody:
     • Jednoduchšia implementácia pre viacstránkové aplikácie (MPA).
     • Výborná indexácia vyhľadávacími systémami (SEO), pretože obsah je pripravený ihneď.
     • Nevyžaduje JavaScript pre základnú navigáciu.
   • Nevýhody:
     • Pomalšie prechody medzi stránkami kvôli úplnému obnove.
     • Menej interaktívny používateľský zážitok v porovnaní so SPA.
   • Príklady: Dedí od tradičných webových aplikácií, kde každý URL zodpovedá samostatnému súboru alebo routu na serveri (napríklad PHP, Python s frameworkmi ako Django/Flask, Node.js s Express atď.).

V moderných front-endových aplikáciách, najmä v SPA, je klientske routovanie štandardom. Server-side routovanie sa častejšie používa pre viacstránkové stránky alebo v kombinácii s klientske routovaním na zlepšenie SEO (napríklad SSR).