V tomto párovacom scenári sa ku mne pripojí Sarah Drasner a prevedie ma niekoľkými z mojich úplne prvých poznatkov o reakcii. Riešime niektoré funkcie v štýle „skutočného sveta“: formulár komentára.
Ukázalo sa, že to bolo veľmi užitočné pre prácu s užívateľským rozhraním, pretože to vyžadovalo veľa vecí, ktoré boli pre React dosť zásadné (alebo sa mi to aspoň zdá). Napríklad hlavná „Aplikácia“, ktorá sa zaoberá state(našou veľkou „stavovou“ vecou sú samotné komentáre) a komponenty, ktoré sa zaoberajú vykreslením pohľadu (napríklad formulár komentára je komponentom a každý komentár je komponentom).
Potom sme sa dostali k množstvu malých reakčných vecí, ale aj obrovským veciam, ktorým je treba porozumieť v React-land, ako napríklad:
propsspôsob prenosu dát medzi komponentmi. Keď ich pošlete, vyzerajú ako atribúty HTML a prichádzajú ako objekt vo forme súboru this.props.refsako vytrhnete dáta z prvku formulára, ktorý sme vytvorili.keys- spôsob jednoznačnej identifikácie komponentu, keď sa opakuje. Opakujeme tu komentáre (môže ich byť viac), takže ak by sme mali mať funkcionalitu, ktorá by mohla zmeniť ktorýkoľvek z nich, mať kľúč je to, čo robí React efektívnym (môže nahradiť iba jeden jediný komentár namiesto všetkých) .
Plus o tonu viac!
Tu je ukážka, na ktorej sme pracovali:
Prečítajte si pero týkajúce sa spustenia formulára komentára reagujúceho na reakciu, ktorý napísal Chris Coyier (@chriscoyier) na stránke CodePen.
Ako nadnesieš zvýšiť úroveň svojho učenia Reactu? Tu začnite.