Designový systém

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.

Hydratace je proces, při kterém klientský JavaScript framework připojuje event listenery a interaktivitu k serverem vyrenderovanému HTML. Poté, co server odešle předrenderované HTML pro rychlé počáteční zobrazení, framework jej „hydratuje" tak, že sladí svou virtuální reprezentaci s existujícím DOM a učiní jej interaktivním. Hydratace může být na složitých stránkách nákladná, což vedlo k inovacím jako částečná hydratace, progresivní hydratace a selektivní hydratace Reactu se Suspense.

GitHub Actions je platforma pro CI/CD a automatizaci pracovních postupů přímo integrovaná v GitHubu. Vývojáři definují workflow v YAML souborech, které se spouštějí na základě událostí jako push, pull request nebo časový plán. Marketplace nabízí tisíce znovupoužitelných akcí pro úlohy jako linting, testování, nasazení a publikaci balíčků.

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.

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.

Flexbox (Flexible Box Layout) je jednorozměrný CSS model rozvržení navržený pro distribuci prostoru a zarovnání prvků v kontejneru podél jedné osy — horizontální nebo vertikální. Vyniká při práci s dynamickými velikostmi obsahu, centrování elementů a tvorbě flexibilních navigačních lišt, řad karet a formulářových rozvržení. Vlastnosti jako `justify-content`, `align-items` a `flex-grow` poskytují detailní kontrolu nad sdílením dostupného prostoru.