## Tehtävä
Luo komponentti, joka sisältää painikkeen ja tekstikappaleen. Toteuta tarvittava logiikka käyttämällä `useState`-hookia, jotta tekstikappaleen näkyvyyttä voidaan vaihtaa painiketta painettaessa.

## Ohjeet
1. Tuo `useState`-hook React-kirjastosta.
2. Määritä tilamuuttuja nimeltä `isVisible` käyttämällä `useState`-hookia. Alusta se arvolla `false`.
3. Toteuta funktio nimeltä `toggleVisibility`, joka kutsuttaessa vaihtaa `isVisible`-tilan arvon `true` ja `false` välillä.
4. Käytä `toggleVisibility`-funktiota painikkeen `onClick`-käsittelijänä.

1. Lisää `import`-lause tuodaksesi oikean hookin React-kirjastosta.
2. Tässä tehtävässä käytetään `useState`-hookia, koska hallitaan kappaleen näkyvyyden tilaa.
3. Määritä tilamuuttujan nimi tarkastelemalla tilan asettamiseen liittyvää funktiota, joka on `setIsVisible`. Poista "set"-etuliite ja käytä muuttujan nimen ensimmäistä kirjainta pienellä, jolloin nimeksi tulee `isVisible`.
4. Kutsu `toggleVisibility`-funktiota painikkeen `onClick`-attribuutin arvona, jotta se suoritetaan painettaessa.

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: Näkyvyyden Vaihtaminen UseState-Hookilla

Tehtävä

Ohjeet

Awesome!

Haaste: Näkyvyyden Vaihtaminen UseState-Hookilla

Tehtävä

Ohjeet