Tässä parinmuodostusnäytössä Sarah Drasner liittyy minuun ja opastaa minut ensimmäisistä oppimistani Reactista. Käsittelemme joitain "todellisen maailman" tyyliin liittyviä toimintoja: kommenttilomake.
Tämä osoittautui melko hyödylliseksi käyttöliittymäksi, koska se vaati paljon asioita, jotka olivat melko perustavanlaatuisia Reactille (tai ainakin minusta tuntuu). Esimerkiksi pääsovellus, joka käsittelee state(iso tilamme-asia on kommentit itse) ja komponentit, jotka käsittelevät näkymän renderointia (esimerkiksi kommenttilomake on komponentti ja jokainen kommentti on komponentti).
Sitten saimme paljon pieniä React-juttuja, mutta myös valtavia asioita ymmärrettäväksi React-maalla, kuten:
props- tapa siirtää tietoja komponenttien välillä. Ne näyttävät HTML-määritteiltä, kun lähetät ne ja saapuvat objektina tämän.props muodossa.refs- kuinka otat tiedot ulos luomastamme lomake-elementistä.keys- tapa yksilöidä komponentti, kun se toistetaan. Toistamme kommentteja täällä (kommentteja voi olla useita), joten jos meillä olisi toimintoja, jotka voisivat muuttaa mitä tahansa niistä, Reactin tehostaa avaimen saaminen (se voi vain korvata yhden kommentin kaikkien niiden sijasta) .
Plus tonni lisää!
Tässä on demo, jonka parissa työskentelimme:
Katso Chris Coyierin (@chriscoyier) kynä, joka alkaa reagoivan kommentointilomakkeen CodePenistä.
Kuinka tasoitat React-oppimistasi tämän ulkopuolella? Aloita tästä.