Na závěr platí, že dokumentace není jednorázový úkol. Je to živý nástr…

Na co si dát pozor: async funkce často vracejí promise, kterou musíte awaitovat. Když ji zapomenete, test skončí dřív, než se dispatchy provedou, a projde, i když je kód rozbitý. Podobně záludné je testování chybových stavů. Většina lidí otestuje jen úspěch a zapomene na odmítnutý požadavek. Přitom právě tam vzniká nejvíc chyb – chybí dispatch s chybou nebo se stav nevrátí do klidového režimu.

Začněte u reducerů. Test je krátký: připravte výchozí stav, zavolejte reducer s akcí a porovnejte výsledek. Nepotřebujete žádné integrační prostředí ani běžící server. Důležité je testovat i to, co se nemá stát – například že neznámá akce vrátí původní stav beze změny. Častá chyba je sdílený objekt stavu mezi testy. Pokud reducer mutuje vstup, testy si navzájem zamění data. Vždy pracujte s novým objektem pro každý případ.

Při nasazení NoSQL se vyhněte několika častým chybám. První z nich je podcenění návrhu přístupových vzorů – v NoSQL se data modelují podle dotazů, ne podle entit. Pokud začnete bez analýzy, skončíte s duplicitami a pomalými dotazy. Druhou chybou je spoléhání na to, že NoSQL automaticky znamená vysoký výkon. Bez správného indexování, klíčů a pochopení distribuce dat na uzlech na tom bude stejně špatně jako špatně navržená relační databáze.

Konfiguraci držte v repozitáři spolu s kódem. Prostředí pak vzniká ze stejného popisu, takže testovací a produkční verze se nerozjedou. Pozor na tajné klíče a hesla: nikdy nepatří do gitu. Uložte je do správce tajemství nebo do proměnných prostředí a přístup omezte. Častá chyba je, že tým zautomatizuje nasazení, ale databázové migrace zůstanou ruční. Právě ty způsobují nejvíc výpadků, protože se zapomene na pořadí kroků.

Na závěr platí, že dokumentace není jednorázový úkol. Je to živý nástroj, který se mění s produktem. Pokud se při integraci objeví otázka, na kterou dokumentace neodpovídá, berte to jako signál k jejímu doplnění. Čím dřív se tak stane, tím méně času stráví oba týmy dohadováním a opravováním nefunkčních předpokladů.

Flexbox nasaďte tam, kde jde o rozložení položek v jedné linii: navigace, lišta s tlačítky, karta s ikonou a textem, centrování obsahu. Typický vzor je display: flex; justify-content: space-between; align-items: center;. Dejte pozor na to, že flex: 1 není totéž co width: 100% — první roste podle volného místa, druhé zabírá pevně celou šířku a často vytlačí sousedy. Častou chybou je také zapomenuté flex-wrap: wrap; bez něj se položky na malých obrazovkách zmáčknou do nečitelných sloupců místo toho, aby se zalomily.

Rozdíl mezi CSS Grid a Flexboxem není v tom, který je modernější, ale v tom, jaký typ problému řešíte. Flexbox je jednorozměrný — pracuje buď s řádkem, nebo se sloupcem. Grid je dvourozměrný — ovládá řádky i sloupce současně. Jakmile si tohle ujasníte, přestanete oba nástroje kombinovat chaoticky a začnete je používat cíleně.

Nepodceňujte lidi. DevOps neznamená, že vývojář bude ve dvě ráno řešit server. Znamená to, že provoz je součástí návrhu a vývoj rozumí dopadům svých rozhodnutí. Domluvte se na společných pravidlech a střídejte se v podpoře. Pokud se změní jen nástroje a odpovědnost zůstane rozdělená, vrátíte se k původnímu stavu. Začněte malým týmem, jedním procesem a ochotou měřit výsledek.

Automatizujte to, co bolí nejvíc První automatizace nemá být dokonalá. Postačí skript, který sestaví aplikaci a spustí testy při každé změně v repozitáři. Tím získáte informaci o chybě dřív, než se dostane k uživatelům. Následně přidejte stejný skript pro nasazení do testovacího prostředí. If you liked this post and you would certainly like to receive even more info pertaining to úprava interiéRu kindly see the website. Teprve když to funguje opakovaně, řešte produkci. Vyhněte se tomu, abyste psali vlastní systém pro orchestraci, když existují hotové a prověřené postupy. Cílem není postavit si vlastní nástroj, ale zkrátit cestu změny.

Na co si dát pozor: nepoužívejte height: 100vh na mobilu bez min-height: 100dvh, jinak obsah přeteče pod adresní řádek prohlížeče. Nepředpokládejte, že gap funguje všude stejně — u starších prohlížečů u Flexboxu chyběl, dnes je to ale bezpečné. Vyhněte se vnořování Gridu do Gridu do hloubky; každá úroveň ztěžuje ladění. A hlavně: nezaměňujte align-items s align-content — první zarovnává položky v řádku, druhé celé řádky osvětlení v obýváku kontejneru.

Při migraci z B3 na jiný formát postupujte opatrně. Nejprve si vytvořte testovací sadu souborů, na které ověříte, že nový parser zvládá všechny okrajové případy. Poté proveďte převod a porovnejte výstupy. Nepředpokládejte, že převod proběhne bez chyb. Vždy mějte zálohu původních dat a možnost se vrátit zpět. Pokud si nejste jisti, zda je B3 pro váš projekt vhodný, zkuste si nejprve napsat malý prototyp a otestujte ho na datech, která odpovídají realitě.