Dva bundly
Hlavní — komponentová knihovna UI, drobná interaktivní vrstva a moduly pro filtry, tabulky, vyhledávání, grafy a shell.
Grafový — samostatný balík pro stránky s vizualizací vztahů. Vykresluje se jen tam, kde je element grafu; do hlavního balíku se záměrně nedostane, protože renderer je největší závislost na webu a většina stránek ho nepotřebuje.
Progresivní vylepšování
Web musí být čitelný a použitelný bez JavaScriptu. Prakticky:
- Obsah je v HTML, ne dogenerovaný za běhu.
- Skládací prvky se dělají nativním
<details>, ne skriptem. - Stav filtrů je v adrese, takže konkrétní pohled jde poslat odkazem.
- Navigace má bezskriptovou variantu — sbalovací panel potřebuje skript, ale cíle jsou dostupné i bez něj.
Závislosti
Knihovny jsou cílené, ne plošné: každá dělá jednu věc na stránkách, kde je potřeba. Nová se přidává, když řeší skutečný, změřený problém — a významné rozhodnutí tohoto typu se zapisuje jako rozhodovací záznam se změřeným srovnáním, ne s odhadem. Ověř si, že to sedí Potřebujete na stránce lekce skládací blok s řešením. Sáhnete po JavaScriptu? Ne. Čtyři důvody, proč je to lepší než skript: Obecné pravidlo: než napíšete skript, ověřte, jestli to prohlížeč neumí sám. Skládací prvky, dialogy, validace formulářů a lazy loading obrázků mají nativní podobu — a ta je skoro vždycky lepší než vlastní.Zobrazit odpověď Skrýt odpověď
<details> a <summary> to umí nativně.aria atributů navíc.