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

Základním pravidlem je psát krátké funkce, které dělají jen jednu věc. Pokud má funkce více než deset řádků, skoro vždy ji lze rozdělit. Typická chyba začátečníků je vytvořit funkci s názvem zpracujData, která načítá data, validuje je, mění formát a ukládá do databáze. Místo toho vytvořte tři funkce: nactiData, validujData a ulozData. Každá má jasný název, jasný vstup a výstup. Když pak něco nefunguje, nemusíte procházet sto řádků – stačí spustit testy a zjistíte, která část selhala. To je obrovská úspora času při ladění i při přidávání nových funkcí.

Nakonec se podívejte na celkovou strukturu. Rozdělte kód do malých modulů, které mají jasnou odpovědnost. V JavaScriptu máte na výběr z mnoha vzorů – od klasických funkcí přes třídy až po moderní moduly. Důležité je, aby každý soubor měl jasný účel a aby názvy souborů odpovídaly obsahu. Když máte soubor utils.js, kde je všechno možné, je to červený praporek. Lepší je soubor formatDate.js, jmenoValidator.js nebo apiClient.js. Tím se vám projekt stane přehledným a vy se budete moci rychle zorientovat i po delší pauze.

Psát responzivní layout jen pomocí floatů nebo inline-blocků je dnes zbytečné utrpení. Moderní prohlížeče umí dvě mocné techniky: Flexbox a CSS Grid. Obě řeší jiný problém. Flexbox je ideální pro rozložení obsahu v jedné ose – třeba navigaci, tlačítka v řadě nebo zarovnání ikony s textem. Grid je naopak dvourozměrný systém, který vám dá plnou kontrolu nad řádky i sloupci zároveň. Když je použijete ve správnou chvíli, přestanete bojovat s rozbitými layouty a začnete je skutečně navrhovat.

Nejčastější chyba? Používat Flexbox na celou stránku a snažit se z něj udělat „grid". Výsledkem je spleť ošklivých hacků, pevných šířek a media queries, které se těžko udržují. Zkuste místo toho rozdělit stránku na hlavní oblasti s pomocí Gridu – header, sidebar, obsah, patičku. Definujete si strukturu, která se přizpůsobuje šířce okna. Teprve uvnitř jednotlivých sekcí zapojte Flexbox pro rozmístění menších prvků, jako jsou karty, seznamy nebo tlačítka.

Druhá oblast, kde dělají mnozí chyby, je manipulace s proměnnými a stavem. Vyhněte se změnám globálních proměnných a sdílenému stavu. Když funkce mění data mimo sebe, je těžké sledovat, odkud se chyba vzala. Používejte parametry a návratové hodnoty. Pokud potřebujete pracovat s komplexním objektem, vytvořte si z něj nový objekt s upravenými hodnotami, neměňte původní. Tím se vyhnete vedlejším efektům, které způsobují nepredikovatelné chování. V moderním JavaScriptu k tomu máte skvělé nástroje – metody map, filter a reduce. Místo cyklu for, kde měníte pole, použijte map a vytvoříte nové pole. Je to nejen čistší, ale často i rychlejší.

REST API je ideální, když máte stabilní, dobře definované zdroje – třeba uživatele, objednávky nebo články. Využijete ho naplno, pokud klient potřebuje vždy kompletní reprezentaci dané entity. Typický příklad: veřejné API pro třetí strany. Tady oceníte jednoduchou adresaci, snadné testování pomocí běžných nástrojů a přirozenou podporu HTTP metod. Naopak pokud vaše aplikace vyžaduje složená data z více entit najednou, rekonstrukce koupelny krok za krokemčnete řetězit volání a každé z nich s sebou nese režii. Roste latence a spotřeba dat, což se projeví zejména u mobilních klientů s omezeným připojením.

Pojmenovávání proměnných a funkcí rozhoduje o tom, jestli kódu rozumí i za tři měsíce Názvy proměnných musí vypovídat o tom, co obsahují. Místo x nebo tmp použijte uzivatelJmeno nebo celkovaCena. Ale pozor na příliš dlouhé názvy – seznamVsechObjednavekZakaznikaJeUzavrenychKontrola. Ideál je jedno slovo, maximálně tři. Funkce by měly být pojmenované slovesem: ziskejUzivatele, spoctiDan, uloz do Pameti. Vyhněte se obecným názvům jako proces, spocitej nebo doSomething. Když název neříká, co se děje, je lepší přidat komentář, ale ještě lepší je zvolit lepší název. Komentáře by měly vysvětlovat proč, ne co. Kód už říká co – pokud je napsaný čistě.

Další pastí je použití nesprávného typu pro ukládání hodnot. Mnozí začátečníci volí pro všechno var, což je v C# dovolené, ale pokud si nejste jistí, jaký typ proměnná má, může to vést k neočekávaným výsledkům. Například var pocet = 5; je v pořádku, ale var pocet = Console.ReadLine(); vytvoří řetězec, ne číslo. Proto raději vždy explicitně určete typ, alespoň dokud se v jazyce nezorientujete. To vám ušetří spoustu času při ladění, protože kompilátor vás na chybu upozorní dřív, než program spustíte.

Jaké jsou praktické rozdíly při nasazení a provozu? Pro jednoduché CRUD operace na jednotných datech je REST čitelnější. Máte jasné endpointy, stavové kódy a hlavičky. Pokud ale vyvíjíte interní dashboard, kde každá obrazovka kombinuje data z pěti zdrojů, GraphQL výrazně zjednoduší práci frontendu. Typický scénář: vyberete si GraphQL, ale zapomenete, že jeho flexibilita zvyšuje nároky na bezpečnost. V RESTu stačí omezit přístup k endpointům, v GraphQL musíte hlídat každé pole, jinak může klient dotazem na vnořené seznamy stáhnout citlivá data, která mu nepřísluší.