Jak postavit REST API s Node.js a Express: praktický průvodce > 자유게시판

Redux je skvělý nástroj rady pro rekonstrukci 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.

Nejdřív obsah, potom efekty Při kódování rozvržení se zaměřte na logický tok obsahu. Hierarchie informací by měla být jasná: nadpis, podnadpis, hlavní text, akční tlačítko. Vyhněte se přehnaným animacím, které zpomalují načítání nebo odvádějí pozornost. Místo toho používejte jednoduché přechody pro zpětnou vazbu – třeba změnu barvy tlačítka po kliknutí. Testujte, jak se stránka chová na mobilu. Mnoho vývojářů dělá chybu, že design přizpůsobí až na konci projektu, místo aby mysleli na responzivitu od začátku.

Nejčastější chyby a jak se jim vyhnout Jednou z největších pastí je asynchronní zpracování. Pokud používáte async/await, vždy obalte routy do try-catch. Jinak při chybě Express spadne a server se ukončí. Alternativně použijte wrapper, který zachytí rejected promise. Dále si dejte pozor na správné řazení middleware – pokud chcete logovat požadavky, musíte to udělat před routami. Pokud chcete ověřovat token, musíte to udělat před ochráněnými endpointy.

Po každé změně vždy spusťte testy s reálnými daty a porovnejte časy. Měřte nejen rychlost jednoho dotazu, ale celkovou zátěž serveru. Sledujte i počet řádků, které databáze prochází, a snažte se ho minimalizovat. Cílem není napsat nejkratší SQL, ale nejefektivnější cestu k datům. Po pár iteracích získáte databázi, která zvládá výrazně vyšší zátěž bez navyšování hardwaru.

Důležité je také omezení počtu vrácených řádků. Pokud potřebujete jen prvních 20 záznamů, použijte LIMIT hned na začátku dotazu. Při stránkování velkých tabulek se vyhněte offsetu s velkým číslem – LIMIT 100000, 20 nutí databázi projít prvních 100 000 řádků. Lepší je použít podmínku podle posledního ID nebo data. Pokud dotaz obsahuje řazení, ověřte, že máte index na sloupcích v ORDER BY, jinak dochází k dočasnému třídění, které je velmi pomalé.

COPY package*.json ./

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.

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.

Nejprve si vytvořte základní server. Stačí inicializovat npm projekt, nainstalovat Express a napsat pár řádků: const express = require('express'); const app = express(); app.use(express.json());. Důležitý je řádek s express.json() – bez něj byste nezachytili JSON tělo požadavku. Pak definujte první routy. Vždy používejte správný status kód: pro úspěšné vytvoření zdroje vraťte 201, pro chybu klienta 400, pro neexistující zdroj 404. Častým začátečnickým omylem je vracet 200 i při chybě – tím klienta matete.

Když se webová aplikace zpomaluje, první podezření padá na špatně napsané SQL dotazy. Než začnete přidávat další servery nebo měnit architekturu, projděte si pomalé dotazy v logu. Většinu problémů vyřešíte úpravou indexů, struktury tabulek nebo samotného dotazu. Níže najdete konkrétní postupy, In case you have any questions with regards to wherever as well as tips on how to make use of https://literatur.michaelmittag.ch/, you are able to call us from our own page. které mají okamžitý efekt.

Když jako vývojář dostanete návrh od designéra, často se soustředíte hlavně na to, aby kód fungoval. Ale výsledný produkt hodnotí uživatel podle toho, jak se s ním pracuje, ne podle kvality kódu. Základní principy UI (uživatelské rozhraní) a UX (uživatelská zkušenost) by měly být součástí vaší práce už od začátku. Nejde o to, abyste se stali designéry, ale abyste uměli rozpoznat problematická místa a navrhnout funkční řešení.

Nejčastější chybou je chybějící index na sloupcích používaných v podmínce WHERE. Pokud často filtrujete podle data nebo statusu, vytvořte jednoduchý index CREATE INDEX. Pro složené dotazy zvažte více sloupcový index, ale pozor na pořadí sloupců – index funguje efektivně, když sloupce uvádíte v dotazu v tom pořadí, v jakém jsou definované. Indexy sice zrychlují čtení, ale zpomalují zápis, takže je nevytvářejte na každém sloupci, jen na těch, které se skutečně používají ve filtrování nebo spojování.