## Tehtävä
Tässä haasteessa luodaan `Form`-komponentti, jossa on kaksi syötekenttää: `email` ja `password`. Tavoitteena on käyttää `useRef`-hookia syöte-elementtien viittaamiseen ja lomakkeen lähetyslogiikan käsittelyyn.

## Ohjeet
1. Tuo `useRef`-hook `react`-kirjastosta.
2. Määrittele `Form`-komponentin sisällä kaksi `useRef`-muuttujaa: `emailRef` ja `passwordRef`, jotka alustetaan arvolla `null`.
3. Nollaa syötekentät asettamalla niiden arvoksi tyhjä merkkijono käyttämällä `useRef`-muuttujia.

1. Tarvittavan hookin tuomiseksi React-kirjastosta lisää `import`-lause.
2. Tässä tehtävässä käytetään `useRef`-hookia tietojen tallentamiseen ilman, että se vaikuttaa merkkauskieleen.
3. Sopivan muuttujanimen määrittämiseksi refille valitse sana, joka liittyy kyseiseen refiin, ja lisää loppuun "Ref".
4. Ref alustetaan arvolla `null` antamalla `null` alkuarvoksi `useRef`-hookin hakasulkeisiin (esim. `useRef(null)`).
5. Lomakesyötteen nollaamiseksi käytä sopivaa ref-muuttujaa ja aseta sen `.current.value` tyhjäksi merkkijonoksi (`""`).

Opi rakentamaan dynaamisia, interaktiivisia käyttöliittymiä Reactilla. Ymmärrä keskeiset käsitteet, kuten JSX, virtuaalinen DOM ja uudelleenkäytettävä komponenttipohjainen arkkitehtuuri. Hyödynnä tyylittelytekniikoita käyttämällä sisäisiä tyylejä, ulkoista CSS:ää ja CSS-moduuleja skaalautuvaa suunnittelua varten. Hallitse tilaa ja sivuvaikutuksia tehokkaasti React Hookien avulla ja jaa dataa komponenttien välillä Contextin kautta.

Ymmärrä Reactin ydinkäsitteet. Opit tuntemaan JSX:n (JavaScript XML), uudelleenkäytettävien käyttöliittymäkomponenttien rakentamisen sekä elementtien renderöinnin. Lisäksi perehdyt tiedon keräämisen ja ehdollisen renderöinnin merkitykseen React-sovelluksissa. Tämän osion lopussa hallitset Reactin keskeiset periaatteet, mikä luo vahvan pohjan seuraavien osioiden edistyneemmille aiheille.

Tutustu erilaisiin tapoihin lisätä tyylejä React-sovelluksiin. Opit, kuinka tyylejä sovelletaan yksittäisiin komponentteihin, käytetään dynaamisia tyylejä sekä ylläpidetään skaalautuvaa ja ylläpidettävää tyylittelytapaa projekteissasi.

Tehokkaita ominaisuuksia modernissa React-kehityksessä. Hookit mullistavat tapamme kirjoittaa funktiokomponentteja tarjoten tiiviin ja intuitiivisen tavan hallita tilaa ja suorittaa sivuvaikutuksia. Konteksti puolestaan mahdollistaa datan jakamisen komponenttipuun läpi ilman propseja. Hookien ja kontekstin yhdistäminen mahdollistaa tehokkaan tilanhallinnan ja yksinkertaistetun datan jakamisen React-sovelluksissa.

Vaiheittainen opas reaalimaailman React-projektin aloittamiseen. Kehitysympäristön perustamisesta projektin rakenteen ja keskeisten työkalujen ymmärtämiseen saat tiedot ja varmuuden React-matkasi aloittamiseen.

Haaste: Rakenna Kontrolloitu Lomakekomponentti

Tehtävä

Ohjeet

Awesome!

Haaste: Rakenna Kontrolloitu Lomakekomponentti

Tehtävä

Ohjeet