Jak zjednodušit správu stavu při asynchronních akcích v Reduxu > 공지사항

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

Další oblastí, kde se často dělá chyba, je ukládání celého asynchronního stavu do jediné části store. Mít zvlášť pole pro data, boolean pro loading a string pro chybu sice funguje, ale při mnoha operacích se to stane nepřehledným. Lepší je seskupit stav jedné asynchronní akce do jednoho objektu, který obsahuje data, stav a chybu. Můžete použít vzor, kdy každá asynchronní operace má svůj stav ve tvaru 'loading' . Tento přístup snižuje počet klíčů v reducers a usnadňuje testování, protože máte vše na jednom místě.

COPY package*.json ./

Nakonec si osvojte práci s takzvanými akčními tvůrci, kteří vracejí funkci místo objektu. Díky middleware jako thunk nebo saga můžete psát asynchronní logiku přímo v akčních tvůrcích, ale aniž byste museli měnit rozhraní komponent. Thunk vám umožní v akčním tvůrci zkontrolovat stav a rozhodnout, zda má smysl operaci spustit, nebo jestli už data nejsou v store. Například při opětovném načítání seznamu můžete zkontrolovat, že už není načítán, a tím zabránit duplicitním požadavkům. Toto je konkrétní a praktický krok, který okamžitě zredukuje počet zbytečných akcí a usnadní ladění.

Zapouzdřete logiku do vlastních hooks nebo služeb Největší zjednodušení nastane, když přesunete volání API a obsluhu odpovědí mimo komponenty. Vytvořte si hook, který zapouzdří celou asynchronní akci a vrací data, chybový stav a funkci pro spuštění. Například místo toho, abyste v komponentě dispatchovali tři různé akce a ručně spravovali loading, použijete hook, který uvnitř dispatchuje jen finální stav. Tím se komponenta stane deklarativní a vy se vyhnete opakování stejného vzoru na mnoha místech. Klíčové je, aby hook byl generický – měl by přijímat funkci vracející promise a vracet stav, http://Miklagaard.No/ ne řešit konkrétní doménu.

Nejdůležitější částí testování jsou hlavičky (headers). Mnoho API vyžaduje autentizaci, nejčastěji pomocí klíče nebo tokenu. V Postmanu přidáte hlavičku v sekci Headers – vyberte typ, například Authorization, a vložte hodnotu. Pozor nábytek na míru to, že někdy API očekává hlavičku Content-Type: application/json, pokud posíláte data ve formátu JSON. Bez správné hlavičky server odpoví chybou, i když je požadavek jinak správný. Vždy si zkontrolujte dokumentaci API, abyste věděli, které hlavičky jsou povinné. Pokud API vyžaduje token, můžete ho uložit do proměnné a používat ho v celé kolekci – to ušetří čas i chyby.

Jak strukturovat testy a vyhnout se duplicitám Klíčem k udržovatelným testům je struktura Arrange-Act-Assert (AAA). V části Arrange připravíte vstupy a vytvoříte objekt, který testujete. Act je samotné volání metody. Assert je ověření výsledku. Tuto strukturu dodržujte i u jednoduchých testů. Pokud potřebujete více podobných testů, využijte atribut [TestCase] nebo [TestCaseSource]. Díky nim můžete do jednoho testu předat různé vstupní hodnoty a očekávané výstupy. Tím se vyhnete psaní deseti metod se stejným tělem. Příklad: [TestCase(2, 2, 4)] [TestCase(3, 5, 8)] public void Add_ReturnsSum(int a, int b, int expected). Tímto způsobem je test čitelnější a údržba je jednodušší.

Dalším krokem je minimalizace kódu. Zkontrolujte, zda ve zdrojovém kódu nezůstaly zbytečné mezery, komentáře nebo dlouhé názvy tříd. Odstraňte nepoužívané CSS i JavaScripty a slučte více souborů do jednoho. Pozor ale na to, abyste vše nespojili do jednoho obřího souboru, který se pak déle zpracovává. Ideální je rozdělit kód na kritický, který je potřebný pro prvotní vykreslení, a zbytek načítat asynchronně. Pomoci vám může i takzvaný kritický CSS, který vložíte přímo do hlavičky.

Začněte u obrázků. Nejčastější chybou je nahrávání fotografií přímo z mobilu, které mají klidně i několik megabajtů. Před vložením na web je vždy zmenšete na maximální šířku, ve které se skutečně zobrazí, a použijte moderní formáty jako WebP nebo AVIF. Nezapomeňte také na atribut loading="lazy", který zajistí, že se obrázky pod okrajem obrazovky načtou až ve chvíli, If you cherished this report and you would like to acquire additional details regarding ukázka kindly check out our own internet site. kdy se k nim uživatel posune. Tím ušetříte data i čas při prvním zobrazení stránky.

Při psaní prvního testu se vyhněte používání reálných databází, souborů nebo síťových volání. Tyto závislosti testy zpomalují a dělají je nestabilními. Místo toho použijte jednoduchá vstupní data přímo v kódu testu. Pokud funkce vyžaduje externí službu, navrhněte ji tak, aby se dala nahradit falešnou implementací – tím se vyhnete častému problému, kdy testy selhávají kvůli prostředí, ne kvůli chybě v kódu.

Při psaní testů se zaměřte na chování, ne na implementaci. Testujte, co metoda dělá, ne jak to dělá. Často se setkáváme s testy, které kontrolují interní stavy nebo volání privátních metod. To je špatně. Místo toho testujte veřejné rozhraní třídy. Pokud metoda vrací hodnotu, porovnejte ji s očekávaným výsledkem pomocí Assert.AreEqual nebo Assert.That. Pokud metoda nic nevrací, ověřte, že vyvolává výjimku za předpokladu neplatných vstupů pomocí Assert.Throws. Typickou chybou je testovat pouze šťastnou cestu. Nezapomínejte na okrajové případy: prázdné řetězce, nulové hodnoty, maximální nebo minimální čísla.