Co se týče chyb: lidé často zapomínají na min-width: 0 u flex dětí. Bez něj se obsah může přetékat, obzvlášť když máte dlouhé texty nebo obrázky. Stejně tak u Gridu může překvapit, že 1fr neznamená minimální šířku. Chcete-li, aby se sloupec zmenšil, použijte minmax(0, 1fr). Další pastí je grid-auto-flow – pokud necháte výchozí hodnotu row, prvky se řadí do řádků. Pro dynamické přidávání položek (např. galerie) zvažte grid-auto-flow: dense, které zaplní mezery.<br>
<br>
<br>
<br>
Při výběru se zaměřte také na to, jak snadno lze prostředí rozšířit. Potřebujete-li podporu pro jiné jazyky nebo nástroje, zkontrolujte, zda existují oficiální pluginy. Vyhněte se ale instalování desítek rozšíření hned na začátku, protože každé z nich zpomaluje start a může způsobovat konflikty. Začněte s minimem a přidávejte jen to, co skutečně využíváte. Ušetříte si starosti s nekompatibilitou a přehlednost si udržíte i ve složitějších projektech.<br>
<br>
<br>
<br>
Moderní JavaScript, označovaný jako ES6+, přináší řadu nástrojů, které zásadně mění způsob psaní kódu. Nejde o žádnou revoluci, ale o praktická vylepšení, která šetří čas a zpřehledňují projekty. Ať už pracujete na menší webové aplikaci nebo rozsáhlém systému, znalost těchto funkcí vám umožní psát čistší a udržitelnější kód. V tomto článku se zaměříme na konkrétní techniky, na něž se vyplatí zaměřit, a upozorníme na časté nástrahy, které při jejich používání vznikají.<br>
<br>
<br>
<br>
Nespadni ale do pasti „nejlepšího jazyka". Na internetu najdeš spoustu vášnivých diskusí, kde si fanoušci jednotlivých jazyků dávají rány. Pravda je taková, že pro začátečníka jsou nejdůležitější tři věci: čitelná syntaxe, dobrá dokumentace a velká komunita. Tyto vlastnosti zajistí, že se nezasekneš na každém druhém řádku a snadno najdeš odpovědi na své otázky. Python i JavaScript tyto podmínky splňují. Další jazyky jako C++ nebo Rust mají sice své přednosti, ale pro první kroky jsou zbytečně složité kvůli práci s pamětí a striktním typům.<br>
<br>
<br>
<br>
Typická chyba, kterou v praxi vidím, je snaha pokrýt end-to-end testy úplně všechno. Pak se stane, že jeden test trvá dvě minuty a celá sada půl hodiny. Vývojáři čekají na výsledek, ztrácí kontext a testy se stávají spíše brzdou než pojistkou. Řešení je jednoduché: použijte pravidlo 80/15/5 – 80 % jednotkových, 15 % integračních a 5 % end-to-end testů. Většinu funkcionality totiž ověříte rychlými a spolehlivými testy na nižších vrstvách, a pomalé testy si necháte jen na nejdůležitější scénáře.<br>
<br>
<br>
<br>
Při škálování aplikace se vám bude hodit rozdělení store do menších modulů, tzv. slices pomocí nástroje Redux Toolkit. Ten vám poskytne createSlice, který automaticky generuje akce a reduktory. Díky tomu píšete méně boilerplate kódu a méně chyb. Redux Toolkit také zahrnuje Immer, který umožňuje psát mutující zápis, ale pod kapotou stále vytváří neměnné aktualizace. Pokud přecházíte ze staršího kódu, postupně migrujte – není nutné předělávat vše najednou.<br>
<br>
<br>
<br>
Hlavní principy: akce, reduktory a selektory bez bolesti Pište akce jako popis události, ne jako příkaz k změně stavu. Místo SET_USERNAME použijte USER_LOGGED_IN, místo FETCH_DATA použijte DATA_REQUESTED. Reduktory pak nemusí řešit logiku, ale pouze čistě transformovat stav. Vyhněte se mutacím – vždy vracejte nový objekt. Použijte spread operátor, ale dejte pozor na hluboké vnoření. Pro složitější struktury zvažte normalizaci stavu: ukládejte pole položek podle ID a v komponentách použijte selektory pro výběr a transformaci. To snižuje počet chyb a usnadňuje aktualizace.<br>
<br>
<br>
<br>
Jakmile je jednotková vrstva pevná, přejděte na integrační testy. Ty ověřují, že vaše komponenty spolupracují správně – typicky s databází, externími službami nebo frontendem. Zde platí pravidlo: testujte jen to, co jednotkově nejde pokrýt. Například mapování ORM, SQL dotazy nebo synchronizaci mezi moduly. U integračních testů si dejte pozor na stav prostředí. Vždy používejte izolovanou testovací databázi a po každém běhu ji vracejte do původního stavu. Jinak se vám testy navzájem ovlivňují a vy strávíte hodiny hledáním chyby, která je jen artefaktem pořadí testů.<br>
<br>
<br>
<br>
Když pyramidu postavíte správně, získáte rychlou zpětnou vazbu při každém commitu. Vyzkoušejte si to na malém projektu: začněte s jednotkovými testy pro kritickou logiku, přidejte pár integračních testů pro napojení na databázi a teprve poté jeden dva end-to-end testy pro hlavní flow. Uvidíte, že se vám bude lépe refaktorovat a přidávat nové funkce, aniž byste se báli, že něco rozbijete. Pamatujte: dobrá testovací pyramida není o kvantitě testů, ale o tom, kde je umístíte.
