## Oppgave
I denne utfordringen skal du lage en `Form`-komponent med to inndatafelt: `email` og `password`. Målet er å bruke `useRef`-hooken for å referere til inndataelementene og håndtere logikken for innsending av skjemaet.

## Instruksjoner
1. Importer `useRef`-hooken fra `react`-biblioteket.
2. Inne i `Form`-komponenten, deklarer to `useRef`-variabler: `emailRef` og `passwordRef`, initialisert med `null`.
3. Nullstill inndatafeltene ved å sette verdiene deres til en tom streng ved hjelp av `useRef`-variablene.

1. For å importere nødvendig hook fra React-biblioteket, inkluder en `import`-setning.
2. For denne oppgaven skal vi bruke `useRef`-hooken for å lagre data uten å påvirke markupen.
3. For å bestemme riktig variabelnavn for referansen, velg et ord som er assosiert med referansen og legg til "Ref" på slutten.
4. For å initialisere referansen med `null`, send `null` som startverdi i klammeparentesene til `useRef`-hooken (f.eks. `useRef(null)`).
5. For å nullstille inndatafeltet, bruk riktig referansevariabel og sett dens `.current.value` til en tom streng (`""`).

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: Bygg en Kontrollert Skjemakomponent

Oppgave

Instruksjoner

Awesome!

Utfordring: Bygg en Kontrollert Skjemakomponent

Oppgave

Instruksjoner