
Jednostránková aplikace (SPA)
Jednostránková aplikace je webová aplikace, která načte jednu HTML stránku a dynamicky aktualizuje obsah při interakci uživatele, aniž by vyžadovala úplné znovu načtení stránky.
Jednostránková aplikace (SPA) je webová aplikace, která se načte jednou a poté se dynamicky aktualizuje při navigaci uživatele. Namísto tradičního přístupu, kdy každé kliknutí načte ze serveru zcela novou stránku, SPA přepisuje aktuální stránku novými daty, což vytváří plynulejší zážitek podobný aplikaci. Při první návštěvě SPA prohlížeč stáhne HTML, CSS a JavaScript aplikace.
Po tomto počátečním načtení probíhají všechny další interakce prostřednictvím volání JavaScript API, která načítají data a aktualizují obsah stránky bez úplného znovunačtení. Proto aplikace jako Gmail, Google Maps a Trello působí tak rychle a responzivně. SPA se obvykle vytvářejí pomocí JavaScriptových frameworků jako React, Angular nebo Vue.js.
V praxi
- Gmail je jednou z nejznámějších SPA: můžete číst, psát a vyhledávat e-maily, aniž by se stránka kdykoli úplně znovu načetla
- Nástroj pro řízení projektů vytvořený jako SPA zaznamenal o 40 % vyšší zapojení uživatelů, protože rozhraní pro přetahování a okamžité aktualizace činily správu úkolů bezproblémovou
- Finanční dashboard jako SPA umožňuje analytikům okamžitě přepínat mezi různými pohledy na data a časovými obdobími, ve srovnání s 2–3sekundovým načítáním stránek jejich předchozí tradiční webové aplikace
- Online nástroj pro design (jako Figma nebo Canva) vytvořený jako SPA umožňuje spolupráci v reálném čase, kdy více uživatelů vidí změny okamžitě bez obnovování stránky
Více o: Tvorba webů
- Responzivní design
- Progresivní webová aplikace (PWA)
- Jednostránková aplikace (SPA)
- Server-side rendering (SSR)
- Statická generace stránek (SSG)
- API (rozhraní pro programování aplikací)
- CMS (Content Management System)
- Headless CMS
- Správa verzí
- CI/CD (Continuous Integration / Continuous Deployment)
- JavaScript Framework
- TypeScript
Nejste si jistí, jak se to týká vás?
Zkušený inženýr projde váš web, vaši viditelnost ve vyhledávání a způsob, jakým se k vám dostávají poptávky, a poté sepíše tři věci, které je vhodné opravit jako první. Dokument si ponecháte tak jako tak.