• 목록
• 답변
• 글쓰기
• 게시판 리스트 옵션
  • 수정
  • 삭제

Dalším tipem je použít normalizovaný stav, zejména pokud pracujete s vnořenými daty. To znamená ukládat entity do slovníku podle ID a v seznamech pouze odkazy na ID. To zjednodušuje aktualizace a vyhledávání. Pro to se hodí knihovny jako Normalizr, ale i bez nich můžete tento vzor implementovat sami.

Častou chybou je ukládání stavů, které lze odvodit z jiných dat. Například pokud máte seznam položek a chcete vědět, zda je prázdný, nemusíte ukládat isEmpty – stačí zkontrolovat délku pole. Podobně se vyhněte ukládání časových razítek nebo duplicitních kopií dat. Vždy se snažte o jeden zdroj pravdy.

Jak na to: redukujte počet akcí i stavů Místo tří akcí pro každou async operaci použijte pouze dvě: jednu pro zahájení a jednu pro dokončení. Stav pak může vypadat třeba takto: isLoading a data. Při zahájení nastavte isLoading na true, při úspěchu na false a uložte data, při chybě na false a uložte chybovou hlášku. Tím se redukuje počet případů, které musíte ošetřit v UI.

Redux je skvělý nástroj pro správu stavu, ale při práci s asynchronními akcemi (např. volání API) se stav často zbytečně komplikuje. Místo toho, abyste měli v každém reduceru duplicitní logiku pro loading, úspěch a chybu, můžete použít jednodušší vzory. Tento článek vám ukáže, jak na to, a upozorní na časté chyby.

Na závěr: zamyslete se, zda vaše aplikace vůbec potřebuje Redux. Pro malé projekty může být zbytečný a komplikovat práci. Pokud ale Redux používáte, držte se principů, jako je minimalizace stavu a oddělení asynchronní logiky do middleware. Tím se váš kód stane čitelnějším a údržba snazší.

Pravidla pro commit a pull requesty, která zamezí chaosu Každý commit by měl být malý, logicky uzavřený celek s výstižnou zprávou. Vyhněte se hromadným commitům typu „opravy", které znemožňují zpětnou kontrolu. Před odesláním změn si vždy stáhněte aktuální stav vzdálené větve a vyřešte případné konflikty lokálně. Pokud pracujete na funkci déle než den, průběžně si začleňujte změny z hlavní větve, abyste minimalizovali pozdější slučovací problémy. Pull requesty by měly být malé, zaměřené na jednu věc, s jasným popisem a seznamem testů. Recenzent by neměl jen kliknout „souhlasím", ale skutečně zkontrolovat logiku, styl a případné vedlejší efekty.

Nezapomínejte na to, že optimalizace nekončí u jednoho dotazu. Projděte si celou aplikaci a podívejte se, jestli neděláte zbytečné dotazy v cyklech. Například načítání uživatelů v cyklu foreach je častý problém – místo toho použijte jeden dotaz s podmínkou IN. Také zvažte použití keší pro data, která se často čtou a málokdy mění. To může snížit zátěž databáze až o desítky procent.

Základem je vyhnout se ukládání celých odpovědí z API do stavu. Místo toho ukládejte pouze data, která aplikace skutečně potřebuje. Například místo objektu s meta informacemi a statusem si uložte pole položek a zvlášť informaci o tom, zda se načítají. Tím se stav stává předvídatelnějším a snadněji se testuje.

Jak na to – praktický postup Začněte s jednoduchým příkladem: thunk, který načte data a dispatchnuje success akci. V testu vytvořte mockovanou API funkci, která vrací Promise s daty. Poté zavolejte thunk s dispatch a getState. Ověřte, že dispatch byl volán s loading akcí na začátku a success akcí na konci. Nezapomeňte otestovat i chybový scénář – mock API by měl vracet rejection a ověřit, že dispatch obdrží error akci. Toto pokryje hlavní větve.

Jak optimalizovat samotný dotaz Než začnete psát složité poddotazy, zkuste je přepsat pomocí JOIN. Obvykle to bývá rychlejší, ale není to pravidlo – vždy testujte. Vyhněte se použití SELECT *, místo toho vypisujte jen potřebné sloupce. Tím se snižuje přenos dat mezi databází a aplikací. Dále se vyvarujte funkcím na sloupcích v podmínce, například WHERE YEAR(datum) = 2025. Tím se ztrácí možnost použít index. Místo toho použijte rozsah: WHERE datum >= '2025-01-01' AND Should you loved this informative article and you would want to receive much more information with regards to Rady Pro Rekonstrukci generously visit the web page. datum <'2026-01-01'.

Pro asynchronní akce použijte middleware jako Redux Thunk nebo Redux Saga. Thunk je jednodušší a pro většinu případů dostačující. byt v paneláku něm definujete akci, která vrací funkci místo objektu. Tato funkce dostane dispatch a může provést async volání. Po dokončení dispatchne akci s daty, případně akci s chybou. Tím se vyhnete psaní tří různých akcí (REQUEST, SUCCESS, FAILURE) pro každou operaci.

Čemu se vyhnout, když píšete dokumentaci Nejčastější chybou je dokumentace, která popisuje jen to, co API dělá, ale ne to, co frontend potřebuje vědět. Například: jak vypadá autentizace, jak zařídit malou kuchynié jsou limity počtu požadavků, co se stane při překročení, jaké jsou kódy chyb a co znamenají. Pokud dokumentace neobsahuje tuto část, frontend si musí informace pracně zjišťovat. Dalším častým přešlapem je zapomínat na změny – dokumentace se musí aktualizovat spolu s kódem. Ideální je generovat ji automaticky z anotací v kódu, ale pokud to nejde, nastavte si připomínku osvětlení v obýváku rámci code review.