React-Projektin Perustamisen Yhteenveto

Olet saavuttanut kurssin lopun. Tässä vaiheessa olet käynyt läpi Reactin ydinkäsitteet ja oppinut, miten oikeat React-sovellukset rakennetaan ja toimivat.

Aloitit ymmärtämällä mitä React on ja miten komponentteja ja JSX:ää käytetään kuvaamaan käyttöliittymiä. Opit myös, miten tietoa välitetään propseilla, miten käyttöliittymän logiikkaa hallitaan ehdollisella renderöinnillä ja miten datalistoja renderöidään.

Seuraavaksi tutustuit siihen, miten React-sovellukset käsittelevät muutoksia ajan myötä hookien avulla. Opit hallitsemaan tilaa useState-hookilla ja käsittelemään sivuvaikutuksia useEffect-hookilla, mukaan lukien datan hakeminen ja reagointi tilamuutoksiin.

Opit myös, miten React-komponentteja tyylitellään käyttämällä sisäisiä tyylejä ja ulkoista CSS:ää sekä miten valita yksinkertaisia ja käytännöllisiä tyyliratkaisuja.

Lopuksi loit ja ajoit oikean React-projektin Viten avulla ja tutustuit sen projektirakenteeseen, ymmärtäen missä koodisi sijaitsee ja miten kaikki liittyy yhteen.

Mitä osaat nyt

Tämän kurssin suoritettuasi osaat:

1. Rakentaa toiminnallisia React-komponentteja;
2. Kuvata käyttöliittymän JSX:llä;
3. Välittää tietoa propseilla;
4. Soveltaa ehdollista renderöintiä;
5. Renderöidä datalistoja;
6. Hallita tilaa useState-hookilla;
7. Käsitellä sivuvaikutuksia useEffect-hookilla;
8. Tyylitellä komponentteja CSS:llä;
9. Luoda ja ajaa oikean React-projektin.

Nämä taidot muodostavat lähes jokaisen React-sovelluksen perustan.

Mitä seuraavaksi

Osaat nyt rakentaa dynaamisia käyttöliittymiä Reactilla ja käsitellä käyttäjän vuorovaikutuksia.

Sovelluksesi toimii kuitenkin edelleen vain selaimessa eikä tallenna tai käsittele oikeaa dataa.

Jotta voit rakentaa kokonaisia sovelluksia, tarvitset taustajärjestelmän, joka voi:

• Käsitellä pyyntöjä;
• Prosessoida logiikkaa;
• Tallentaa ja hallita dataa.

Seuraavaksi opit Node.js:n, jonka avulla voit ajaa JavaScriptiä selaimen ulkopuolella ja rakentaa taustasovellusten perustan.

Siirryt käyttöliittymien rakentamisesta niiden taustalla olevan logiikan rakentamiseen.