V tej povezavi zaslona se mi pridruži Sarah Drasner in me vodi skozi nekaj mojih prvih spoznanj Reacta. Lotevamo se nekaterih funkcij v "resničnem svetu": obrazca za komentar.
To se je izkazalo za zelo uporaben del uporabniškega vmesnika, s katerim je bilo treba reagirati, saj je bilo za React potrebno veliko stvari, ki so bile bistvene (ali vsaj tako se mi zdi). Na primer, glavna aplikacija, ki se ukvarja z state(naša velika stvar je država, so komentarji) in komponente, ki se ukvarjajo z upodabljanjem pogleda (na primer obrazec za komentar je komponenta in vsak komentar je komponenta).
Potem smo zašli v veliko manjših stvari React, pa tudi ogromne stvari, ki jih je treba razumeti v React-landu, kot so:
props- način prenosa podatkov med komponentami. Ko jih pošljete, so videti kot atributi HTML in prispejo kot predmet v obliki this.props.refs- kako zataknete podatke iz elementa obrazca, ki smo ga ustvarili.keys- način za enolično identifikacijo komponente, ko se ponovi. Tu ponavljamo komentarje (komentarjev je lahko več), tako da, če bi imeli funkcionalnost, ki bi lahko spremenila katerega koli od njih, je ključ tisto, zaradi česar je React učinkovit (lahko le zamenja en komentar namesto vseh) .
Plus tono več!
Tu je predstavitev, na kateri smo delali:
Oglejte si Pen, ki začenja obrazec za komentar s pomočjo reakcije Chrisa Coyierja (@chriscoyier) na CodePen.
Kako izenačite svoje znanje React preko tega? Začni tukaj.