## Oppgave
Lag en komponent som inkluderer en knapp og et tekstavsnitt. Implementer nødvendig logikk ved å bruke `useState`-hooken for å veksle synligheten til tekstavsnittet når knappen trykkes.

## Instruksjoner
1. Importer `useState`-hooken fra React-biblioteket.
2. Deklarer en tilstandsvariabel kalt `isVisible` ved å bruke `useState`-hooken. Initialiser den med verdien `false`.
3. Implementer en funksjon kalt `toggleVisibility` som, når den kalles, veksler tilstanden `isVisible` mellom `true` og `false`.
4. Bruk funksjonen `toggleVisibility` som `onClick`-håndterer for knappen.

1. Inkluder en `import`-setning for å importere riktig hook fra React-biblioteket.
2. For denne oppgaven skal vi benytte `useState`-hooken siden vi håndterer tilstanden for synlighet av avsnittet.
3. For å bestemme riktig variabelnavn for tilstanden, observer funksjonen som er knyttet til å sette tilstanden, som er `setIsVisible`. Fjern prefikset "set" og bruk liten forbokstav for variabelnavnet, som skal være `isVisible`.
4. For å påkalle funksjonen `toggleVisibility` når knappen trykkes, tildel den som verdi til `onClick`-attributtet på knappen.

Lær å bygge dynamiske, interaktive brukergrensesnitt med React. Forstå kjernebegreper som JSX, det virtuelle DOM-et og gjenbrukbar komponentbasert arkitektur. Bruk stilteknikker med inline-stiler, ekstern CSS og CSS-moduler for skalerbar design. Håndter tilstand og sideeffekter effektivt med React Hooks og del data på tvers av komponenter ved hjelp av Context.

Få en forståelse av de grunnleggende prinsippene i React. Du vil lære om JSX (JavaScript XML), bygging av gjenbrukbare UI-komponenter og rendering av elementer. I tillegg vil du utforske viktigheten av datainnsamling og betinget rendering i React-applikasjoner. Etter denne delen vil du ha et solid grunnlag i Reacts essensielle konsepter, noe som forbereder deg på mer avanserte emner i de følgende delene.

Utforsk ulike metoder for å legge til stil i React-applikasjoner. Du vil lære hvordan du anvender stil på individuelle komponenter, bruker dynamiske stiler og opprettholder en skalerbar og vedlikeholdbar tilnærming til styling i prosjektene dine.

Kraftige funksjoner i moderne React-utvikling. Hooks revolusjonerer måten vi skriver funksjonelle komponenter på, og gir en konsis og intuitiv måte å håndtere tilstand og utføre sideeffekter. Context gjør det mulig å dele data gjennom komponenttreet uten prop drilling. Ved å kombinere hooks og Context oppnås effektiv tilstandshåndtering og forenklet datadeling i React-applikasjoner.


Trinnvis veiledning for hvordan man starter et reelt React-prosjekt. Fra oppsett av utviklingsmiljø til forståelse av prosjektorganisering og sentrale verktøy, gir dette deg kunnskapen og selvtilliten til å starte din React-reise.

Utfordring: Veksle Synlighet med useState

Oppgave

Instruksjoner

Utfordring: Veksle Synlighet med useState

Oppgave

Instruksjoner