V tomto párovacím screencastu se ke mně připojí Sarah Drasner a provede mě některými z mých prvních poznatků React. Řešíme některé funkce ve stylu „skutečného světa“: formulář pro komentář.
Ukázalo se, že je to docela užitečný kousek uživatelského rozhraní, se kterým se pracuje, protože to vyžadovalo spoustu věcí, které jsou pro React spíše zásadní (nebo se mi to alespoň zdá). Například hlavní „aplikace“, která se zabývá state(naší velkou „stavovou“ věcí jsou samotné komentáře) a komponenty, které se zabývají vykreslením pohledu (například formulář komentáře je komponentou a každý komentář je komponentou).
Pak jsme se dostali do spousty drobnějších věcí React, ale také obrovských věcí, kterým bychom měli v React-land porozumět, jako například:
props- způsob předávání dat mezi komponenty. Když je pošlete, vypadají jako atributy HTML a dorazí jako objekt ve formě this.props.refs- jak vytrhnete data z prvku formuláře, který jsme vytvořili.keys- způsob, jak jednoznačně identifikovat komponentu, když se opakuje. Opakujeme zde komentáře (může jich být více), takže pokud bychom měli mít funkcionalitu, která by mohla změnit kterýkoli z nich, mít klíč je to, co dělá React efektivní (může jen nahradit ten jediný komentář místo všech) .
Navíc o tunu více!
Zde je ukázka, na které jsme pracovali:
Podívejte se na pero Spuštění formuláře pro komentář s reakcí od Chrisa Coyiera (@chriscoyier) na CodePen.
Jak se vám daří učit React nad rámec toho? Začněte zde.