React

Onko tarkoitus tehdä Web front end -kehitystä Reactilla, käyttäen backendiä?

Hyöty

React on Facebookin kehittämä ja käyttämä käyttöliittymäkirjasto, joka mahdollistaa interaktiivisten, tilallisten ja uudelleenkäytettävien käyttöliittymäkomponenttien teon selainsovelluksiin

Kenelle?

Kehittäjät, joilla on tarve saada hyvä käsitys Reactista itsestään, sekä React-kehityksestä yleisesti.

Esitiedot: Perusosaaminen selainsovelluskehityksestä ja JavaScriptistä. Komentorivin käyttö ei ole sinulle vierasta. Kurssimateriaali on englanniksi.

Miksi?

Facebook hyödyntää Reactia ja koko Instagrammin web-sivusto on rakennettu sillä, joten kirjasto on osoittanut käyttökelpoisuutensa tuotannossa maailman suurimmilla sivustoilla. Myös AirBnb käyttää Reactia ja samalla toteuttanut ja antanut jakoon testauskirjastonsa

React nostaa reilusti sovelluskehityksen tuottavuutta ja on osoittanut suorituskykynsä selainsovelluksissa. Se perustuu omien komponenttien rakentamiseen, jotka hoitavat datan esittämisen käyttöliittymässä. MVC-ratkaisuissa React on se V.
Oikeissa React-projekteissa kehitys tehdään tyypillisesti palvelimella, jolla pyörivät myös muut kehityksessä käytettävät ohjelmat. Tälläkin kurssilla otamme mukaan Node.js:n, katsomme toimivaa projektirakennetta, ja lisäämme testien ajamisen mukaan.

Miten?

Jos sinulla on tarkoitus perehtyä Reactiin oikeasti ja aloittaa kehittäminen sillä, ilmoittaudu kurssille!

1. päivä

Perusteet

  • React ideologia
  • Hello React
  • JSX vai JavaScript
  • ES6 ja Babel React projekteissa
  • Reactin käyttöön otto

Komponentit

  • Komponentti
  • JSX
  • ES5 vs. ES6 syntaksi
  • props

Kokoelmakomponentit

  • Komponenttikokoelmat
  • props ja omistushierarkia

Tilanhallinta

  • Tila (state) vs. props
  • HTML lomakkeet
  • Tapahtumankäsittely
  • Komponenttien elinkaari

Komponenttien elinkaari

  • Elinkaaren hallinta
  • Asynkroniset tapahtumat
  • REST kutsut
  • Uudelleenkäytettävät komponentit

Reititys

  • Single Page Application (SPA)
  • Reititys react-router kirjastolla

2. päivä

Alkuun React-kehityksessä - taas

  • Palvelimen setup
  • Projektirakenne
  • Työkalut ja kirjastot

Kääntäminen

  • React palvelimessa
  • Babel / JSX
  • Node.js/Express ja React projekti
  • Paketointi: webpack

Testaus

  • Testiympäristöt
  • ESLint ja react plugin
  • Jest
  • enzyme

Redux

  • Redux rooli
  • Tilanhallinta
  • Actionit
  • Reducerit

Vastuuhenkilö


Tommi Teräsvirta

Avainsanat

React.js, JavaScript

haluatko_opiskella_heti_270px.jpg

Tämä kurssi asiakaskohtaisena?

Koulutuksia järjestetään myös asiakaskohtaisina toteutuksina

Ota yhteyttä myyntipalveluumme soittamalla puh. 042 42 21 21 tai lähettämällä sähköpostia osoitteeseen myyntipalvelu@sovelto.fi
niin järjestetään teille oma kurssi.

Jaa tämä sisältö: