
Jednostránková aplikácia (SPA)
Jednostránková aplikácia (SPA) je webová aplikácia, ktorá načíta jednu HTML stránku a dynamicky aktualizuje obsah podľa interakcie používateľa bez potreby úplného znovunačítania stránky.
Jednostránková aplikácia (SPA) je webová aplikácia, ktorá sa načíta raz a následne sa dynamicky aktualizuje pri navigácii používateľov. Namiesto tradičného prístupu, kde každý klik načíta úplne novú stránku zo servera, SPA prepisuje aktuálnu stránku novými dátami a vytvára tak plynulejší, viac aplikáciám podobný zážitok. Pri prvom návšteve SPA prehliadač stiahne HTML, CSS a JavaScript aplikácie.
Po tomto počiatočnom načítaní všetky ďalšie interakcie prebiehajú cez volania API v JavaScripte, ktoré získavajú dáta a aktualizujú obsah stránky bez úplného obnovenia. Preto aplikácie ako Gmail, Google Maps alebo Trello pôsobia tak rýchlo a odozvovo. SPA sú zvyčajne budované s pomocou frameworkov ako React, Angular alebo Vue.js.
V praxi
- Gmail je jednou z najznámejších SPA: môžete čítať, písať a hľadať e-maily bez toho, aby sa stránka kedykoľvek úplne obnovila
- Nástroj na riadenie projektov postavený ako SPA zaznamenal o 40 % vyššiu angažovanosť používateľov, pretože rozhranie drag-and-drop a okamžité aktualizácie urobili správu úloh bez námahy
- Finančný dashboard SPA umožňuje analytikom okamžite prepínať medzi rôznymi zobrazeniami dát a časovými obdobiami, na rozdiel od 2–3 sekundového načítania stránok ich predchádzajúcej tradičnej webovej aplikácie
- Online dizajnerský nástroj (ako Figma alebo Canva) postavený ako SPA umožňuje spoluprácu v reálnom čase, kde viacerí používatelia vidia zmeny okamžite bez obnovenia stránky
Viac o: Webový vývoj
- Responzívny dizajn
- Progresívna webová aplikácia (PWA)
- Jednostránková aplikácia (SPA)
- Server-side rendering (SSR)
- Static Site Generation (SSG)
- API (Application Programming Interface)
- CMS (Systém na správu obsahu)
- Headless CMS
- Verzovanie kódu
- CI/CD (Continuous Integration / Continuous Deployment)
- JavaScript Framework
- TypeScript
Nie ste si istí, či sa to týka aj vás?
Senior inžinier prejde vaše stránky, vašu prítomnosť vo vyhľadávaní a spôsob, akým dotazy k vám prichádzajú, a potom zapíše tri veci, ktoré sa oplatí opraviť ako prvé. Dokument si necháte v každom prípade.