useEffect-hookin käyttötilanteita ja yleisiä ratkaisuja sivuvaikutusten eristämiseen sovelluksessa

22 toukokuun, 2020
10:54 am

Maksuton funktionaalisen Reactin verkkokoulutussarjamme jatkuu ja 27.5.2020 klo 10-12 tutkimme sivuvaikutuksen käsitettä ohjelmoinnissa yleisesti ja käytämme Reactin useEffect-hookia sivuvaikutusten eristämiseen muusta ohjelmasta.

Käytännön livekoodausosassa tutkimme useEffect-hookin käyttötilanteita ja tarkastelemme yleisiä ratkaisumalleja. Pääasiassa keskitymme seuraaviin käyttötilanteisiin:

1) Käyttöliittymätilan luominen uudelleen ensimmäisen piirron jälkeen
2) Ajastimien käyttö
3) Tiedon noutaminen ulkoisesta tietolähteestä
4) DOM-objektin käsittely
5) Vapautusta vaativien resurssien käyttö
6) Useamman useEffect-funktion käyttö samassa funktiokomponentissa
7) useEffect-funktioihin ripustetuttujen riippuvuuksien määrittäminen

Verkkokokoontuminen nauhoitetaan ja kuka tahansa voi katsella sen jälkikäteen Youtubessa. Rekisteröityä voit tästä: https://attendee.gototraining.com/r/5758381395759952641

Tervetuloa!

Selma-koira ja kumppanit

Aikaisempien kokoontumisten sisällöt löydät näistä linkeistä:

Lähde mukaan opiskelemaan funktionaalista ohjelmointia – maksaa vain vaivan

Ilmainen React-kurssi käynnistyy

Ilmainen React-kurssi uusitaan

A free training event – Integrating minimax algorithm to a simple React-based tictactoe game (NP-complete -like problem)

Ilmainen React-työpaja – rakennetaan nelilaskin funktionaalisin React-komponentein

Ilmainen työpaja – funktionaalisen React-ohjelmoinnin jatkot – sivuvaikutusten käsittely effect-hookilla esimerkkinä HTTP-pyynnöt Axios-kirjastolla

Ilmainen työpaja – funktionaalisen React-ohjelmoinnin jatkojen jatkot – useReducer hook ja Context API

llmainen Koodiklinikka – Funktionaalinen React

Livekoodataan yhdessä koiramainen muistipeli Reactilla