Šioje susiejimo ekrane Sarah Drasner prisijungia prie manęs ir veda mane per kai kuriuos pirmuosius mano „React“ mokymus. Mes sprendžiame tam tikrą „realaus pasaulio“ stiliaus funkcionalumą: komentarų formą.
Pasirodė, kad tai buvo gana naudinga vartotojo sąsaja, nes tam reikėjo daugybės dalykų, kurie buvo gana svarbūs norint reaguoti (arba bent jau man atrodo, kad tai būtų). Pvz., Pagrindinė „Programa“, nagrinėjanti state(mūsų pagrindinis „valstybės“ dalykas yra patys komentarai) ir komponentai, kurie nagrinėja vaizdą (pavyzdžiui, komentaro forma yra komponentas, o kiekvienas komentaras yra komponentas).
Tada mes patekome į daugybę mažų „React“ dalykų, bet ir į didžiulius dalykus, kuriuos reikia suprasti „React-land“, pavyzdžiui:
props- duomenų perdavimo tarp komponentų būdas. Jie atrodo kaip HTML atributai, kai juos siunčiate, ir atkeliauja kaip objektas „this.props“ pavidalu.refs- kaip jūs ištraukiate duomenis iš mūsų sukurto formos elemento.keys- būdas unikaliai identifikuoti komponentą, kai jis kartojamas. Mes pakartojame komentarus čia (gali būti keli komentarai), taigi, jei turėtume funkcionalumą, kuris galėtų pakeisti bet kurį iš jų, raktas yra tai, kas daro „React“ efektyvią (ji gali pakeisti tą vienintelį komentarą, o ne visus). .
Plius dar tona!
Štai demonstracinė versija, prie kurios mes dirbome:
Žr. Chriso Coyierio (@chriscoyier) „CodePen“ rašiklį, kuriame pradedama reakcija paremta komentaro forma.
Kaip pakelti „React“ mokymąsi už šio lygio ribų? Pradėti čia.