React-ohjelmointi
Tuotekuvaus
ReactJS on alun perin Facebookin kehittämä kirjasto selainsovellusten käyttöliittymän toteuttamiseen. Se tarjoaa käyttöliittymäohjelmointiin selkeän, kevyen mallin, joka keskittyy erityisesti komponenttien toteuttamiseen sekä tiedon- ja tapahtumien kulkuun komponenttien välillä. ReactJS tukee keskeisesti selaimen näkymien toteuttamista, mutta sen pohjalta on kuitenkin kohtuullisen helppo rakentaa selaimeen myös MVVM-mallia noudattava SPA-sovellus.
Tällä kurssilla opit ymmärtämään ReactJS:n toiminnan, toteuttamaan React-komponentteja sekä rakentamaan reitityksen näkymien välillä. Lisäksi perehdytään MVVM-mallin mukaisen React-sovelluksen toteutukseen Redux-kirjaston avulla.
Kurssi soveltuu web-kehittäjille, jotka hallitsevat vähintäänkin JavaScriptin perusteet ja joiden tarkoituksena on lähteä toteuttamaan web-käyttöliittymää ReactJS:n varaan.
Kurssin sisältö
1. päivä
Nykypäivän SPA-sovellukset
- SPA-mallit
- MVC-variaatiot
- Komponenttikeskeinen UI
React-arkkitehtuuri
- Yleiskatsaus React-sovelluksesta
- ReactJS:n tarjoamat piirteet
- Mahdolliset laajennukset
- Virtual DOM-käsite
- Apukirjastoja
- ES6-käyttö
Peruskäyttö
- React-komponentit
- JSX-notaation käyttö
- JSX-käännös, selaimesa vai ennakkoon
- Propsit ja tila
- Tapahtumien käsittely
2. päivä
Komponenttihierarkia
- Lapsikomponentit
- Datan kulku komponenttien välillä
Navigointi
- Sivut
- React router
- Navigoinnin toteutus
Redux
- FLUX-arkkitehtuuri, MVVM
- Tilanhallinta Redux:lla
- Data-mallin käyttö ReactJS:ssä
- Rest-rajapinnan käyttö
Muita piirteitä
- React palvelimella
- Komponenttikirjastot