Toast notifikace

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.

Flutter je open-source UI toolkit od Googlu pro tvorbu nativně kompilovaných aplikací pro mobily, web a desktop z jediné kódové základny v jazyce Dart. Na rozdíl od React Native, který mapuje na platformově nativní UI komponenty, Flutter renderuje vše vlastním vysoce výkonným renderovacím enginem Skia/Impeller, čímž dává vývojářům pixelově přesnou kontrolu nad každým prvkem na obrazovce. Tento přístup zajišťuje identický vizuální výstup napříč platformami, ale znamená, že Flutter widgety automaticky nepřebírají platformově specifické designové konvence.

Sémantické HTML znamená používání HTML elementů, které jasně popisují svůj význam a účel, jako jsou `<article>`, `<nav>`, `<header>` a `<section>`, namísto generických `<div>` tagů. Tento přístup zlepšuje přístupnost pro čtečky obrazovky, pomáhá vyhledávačům lépe pochopit strukturu stránky a činí kód čitelnějším pro ostatní vývojáře. Je považován za základní osvědčený postup v moderním webovém vývoji.

Testování použitelnosti je metoda UX výzkumu, při které skuteční uživatelé plní konkrétní úkoly, zatímco pozorovatelé zaznamenávají obtíže, zmatení a vzorce chování. Může být moderované (s facilitátorem) nebo nemoderované (samostatné s nahráváním) a prováděné na prototypech nebo živých produktech. I testování s pouhými 5 uživateli obvykle odhalí většinu problémů s použitelností, což z něj činí jednu z aktivit s nejvyšší návratností v produktovém vývoji.

Memoizace v Reactu je optimalizace výkonu, která ukládá do cache výsledky nákladných výpočtů nebo renderů komponent, aby se předešlo zbytečné práci při překreslování. React poskytuje `React.memo()` pro přeskočení překreslení komponenty, když se její props nezměnily, `useMemo()` pro cachování vypočtených hodnot a `useCallback()` pro cachování referencí funkcí. Ačkoli je memoizace mocná, předčasná memoizace přidává složitost — nejlépe se aplikuje po tom, co profilování potvrdí skutečný problém s výkonem.

Designový systém je sbírka znovupoužitelných komponent, pravidel a standardů, které zajišťují vizuální a funkční konzistenci napříč produktem nebo skupinou produktů. Typicky zahrnuje knihovnu komponent, design tokeny, typografická pravidla, barevné palety a dokumentaci. Designové systémy propojují práci designérů a vývojářů a umožňují týmům stavět rozhraní rychleji při zachování jednotného vzhledu.