I denne parring screencast slutter Sarah Drasner sig til mig og guider mig gennem nogle af mine allerførste erfaringer med React. Vi tackler nogle “virkelige verdens” stilfunktioner: en kommentarformular.
Dette viste sig at være en ret nyttig del af brugergrænsefladen at arbejde med, da det krævede mange ting, der var ret grundlæggende for React (eller i det mindste ser det ud til mig). For eksempel er en master "App", der beskæftiger sig med state(vores store "tilstand" er selve kommentarerne) og komponenter, der beskæftiger sig med gengivelse af visningen (for eksempel er kommentarformularen en komponent, og hver kommentar er en komponent).
Derefter kom vi ind i mange mindre React-ting, men også enorme ting at forstå i React-land, som:
props- en måde at videregive data mellem komponenter på. De ligner HTML-attributter, når du sender dem og ankommer som et objekt i form af this.props.refs- hvordan du fanger data ud af det formelement, vi oprettede.keys- en måde at identificere en komponent entydigt, når den gentages. Vi gentager kommentarer her (der kan være flere kommentarer), så hvis vi skulle have funktionalitet, der kunne ændre nogen af dem, har det en nøgle, der gør React effektiv (det kan bare erstatte den enkelte kommentar i stedet for dem alle) .
Plus et ton mere!
Her er den demo, vi har arbejdet med:
Se pennen, der starter en reaktordrevet kommentarformular af Chris Coyier (@chriscoyier) på CodePen.
Hvordan nivellerer du din React-læring ud over dette? Start her.