React hooky

Ve Flutteru je strom widgetů hierarchická struktura vnořených widgetů, která definuje celé UI aplikace. Vše ve Flutteru je widget — od rozvržení jako `Column` a `Row` přes stylovací obaly jako `Padding` a `Theme` až po interaktivní prvky jako `GestureDetector`. Flutter udržuje tři paralelní stromy (widget, element a render object), které spolupracují na efektivním přestavění pouze těch částí UI, které se skutečně změnily při aktualizaci stavu.

Tmavý režim je barevné schéma rozhraní, které používá světlý text a prvky na tmavém pozadí. Snižuje únavu očí při slabém osvětlení, může šetřit baterii na OLED displejích a stal se očekávanou funkcí moderních aplikací. Implementace obvykle využívá CSS custom properties nebo design tokeny, které přepínají mezi světlým a tmavým tématem, často s respektováním systémového nastavení uživatele pomocí media query `prefers-color-scheme`.

Redux je knihovna pro prediktivní správu stavu, která ukládá celý stav aplikace v jediném neměnném úložišti, aktualizovaném výhradně prostřednictvím dispatchovaných akcí a čistých reducer funkcí. Redux Toolkit (RTK) je nyní doporučený způsob použití Reduxu, který dramaticky snižuje boilerplate pomocí utilit jako `createSlice` a `createAsyncThunk`. Zatímco Redux zůstává populární ve velkých enterprise aplikacích, lehčí alternativy jako Zustand získaly na popularitě pro jednodušší případy použití.

CSS Grid je dvourozměrný systém rozvržení, který umožňuje definovat řádky a sloupce současně, což jej činí ideálním pro složité rozvržení stránek. Na rozdíl od Flexboxu, který pracuje vždy v jedné ose, Grid umožňuje přesně umísťovat prvky jak horizontálně, tak vertikálně pomocí pojmenovaných oblastí nebo čísel řádků. Funkce jako `grid-template-areas`, `auto-fill` a `minmax()` umožňují vytvářet responzivní rozvržení s minimem kódu.

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.

Next.js je full-stack React framework od Vercelu, který poskytuje serverové renderování, generování statických stránek, API routes, souborový routing a vestavěné optimalizace. Jeho App Router (představený ve verzi 13) používá ve výchozím nastavení React serverové komponenty, což umožňuje nové paradigma server-first renderování se selektivní klientskou interaktivitou. Next.js se stal de facto standardem pro produkční React aplikace díky optimalizacím výkonu, vývojářskému zážitku a flexibilitě nasazení.