## Oppgave
Lag komponenten `CarList` som har ansvar for å vise en liste over biler og tilby en søkefunksjon for å filtrere dem basert på navn. Den lar brukere skrive inn et søkeord og filtrerer listen over biler dynamisk basert på dette.

## Instruksjoner
1. Importer nødvendige hooks fra React-biblioteket.
2. Inne i `CarList`-komponenten, deklarer en tilstandsvariabel `searchInput` og en oppdateringsfunksjon `setSearchInput` ved å bruke `useState`-hooken. Initialiser `searchInput` med en tom streng.
3. Bruk `useMemo`-hooken for å memoize `filteredCars`-arrayet. Memoiseringslogikken skal filtrere bilene basert på `searchInput`. Hvis `searchInput` er tom, returner alle biler; ellers filtrer bilene basert på søkeordet.
4. I avhengighetsarrayen til `useMemo`, spesifiser de riktige variablene den memoiserte funksjonen er avhengig av.

1. Inkluder en `import`-setning for å importere nødvendig hook fra React-biblioteket.
2. Bruk `useState`-hooken for å deklarere en tilstandsvariabel og dens oppdateringsfunksjon.
3. `useMemo`-hooken memoiserer det filtrerte bil-arrayet og forhindrer unødvendige beregninger.
4. I avhengighetsarrayen til `useMemo`, inkluder variablene som den memoiserte funksjonen er avhengig av (`cars` og `searchInput`).

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: Implementer Et Bilfilter Med useMemo

Oppgave

Instruksjoner

Awesome!

Utfordring: Implementer Et Bilfilter Med useMemo

Oppgave

Instruksjoner