Matyas.
SlužbyProjektyZkušenostiBlogKontakt
ENOzvěte se
Zpět na slovník
uxweb-devreact

Knihovna komponent

Knihovna komponent je sada předpřipravených, znovupoužitelných UI prvků — tlačítek, vstupních polí, modálních oken, karet — připravených pro konzistentní použití napříč projekty. Knihovny jako Material UI, Chakra UI nebo Radix poskytují přístupné, tématicky upravitelné stavební bloky, díky kterým vývojáři nemusí znovu vynalézat běžné vzory. Dobře udržovaná knihovna komponent výrazně zkracuje dobu vývoje a zajišťuje vizuální konzistenci aplikace.

#ux#web-dev#react

Související pojmy

Internacionalizace

Internacionalizace (i18n) je proces návrhu softwaru tak, aby jej bylo možné přizpůsobit různým jazykům, regionům a kulturám bez změn kódu. Zahrnuje externalizaci textových řetězců, podporu rozložení zprava doleva (RTL), zpracování formátování dat/čísel/měn a přizpůsobení se roztažení textu. Knihovny jako react-intl, next-intl a i18next poskytují infrastrukturu pro správu překladů a lokalizovaného formátování v JavaScript aplikacích.

Atomický design

Atomický design je metodologie Brada Frosta pro tvorbu designových systémů rozdělením rozhraní do pěti hierarchických úrovní: atomy (základní HTML elementy), molekuly (jednoduché skupiny komponent), organismy (složité UI sekce), šablony (rozvržení na úrovni stránky) a stránky (konkrétní instance se skutečným obsahem). Tento přístup poskytuje konzistentní mentální model pro organizaci knihoven komponent v React, React Native nebo Flutter projektech a zajišťuje systematickou škálovatelnost UI.

Přístupnost

Přístupnost (často zkráceně a11y) je praxe navrhování a tvorby webových stránek a aplikací tak, aby je mohli používat všichni, včetně lidí se zrakovým, motorickým, sluchovým nebo kognitivním postižením. Zahrnuje správné sémantické značkování, podporu navigace klávesnicí, dostatečný barevný kontrast a kompatibilitu se čtečkami obrazovky. Kromě etické odpovědnosti je přístupnost v mnoha jurisdikcích stále častěji i zákonným požadavkem.

Design tokeny

Design tokeny jsou nejmenší jednotky designového systému — pojmenované hodnoty reprezentující barvy, rozestupy, typografii, zaoblení rohů a další vizuální vlastnosti. Fungují jako jediný zdroj pravdy, který lze převést do formátů specifických pro danou platformu (CSS proměnné, Swift konstanty, XML resources). Změnou hodnot tokenů na jednom místě lze aktualizovat vzhled celé aplikace napříč platformami najednou.

Barevný kontrast

Barevný kontrast je měřitelný rozdíl v jasu mezi textem (nebo UI prvky) v popředí a jejich pozadím. Směrnice WCAG vyžadují minimální kontrastní poměr 4,5:1 pro běžný text a 3:1 pro velký text, aby byla zajištěna čitelnost pro uživatele se zrakovým postižením. Nástroje jako Chrome DevTools, Stark a WebAIM contrast checker pomáhají vývojářům ověřovat shodu během vývoje.

Serverové renderování

Serverové renderování (SSR) je technika, při které se webové stránky renderují do HTML na serveru pro každý požadavek, místo aby se spoléhalo na klientský JavaScript pro sestavení stránky v prohlížeči. SSR poskytuje rychlejší počáteční načtení stránky a lepší SEO, protože vyhledávače obdrží kompletní HTML obsah. Moderní SSR ve frameworcích jako Next.js podporuje streaming, který umožňuje serveru progresivně odesílat HTML fragmenty, jakmile jsou připraveny.

Všechna slova
Matyas.

Weby, mobilní appky a automatizace s AI. Pomáhám firmám šetřit čas i peníze technologií, která opravdu funguje.

Odkazy

  • Služby
  • Projekty
  • Zkušenosti
  • Blog
  • Slovník
  • Kontakt

Připravuji

  • Případové studieBrzy
  • Zdroje

© 2026 Matyas Prochazka. Všechna práva vyhrazena.