## Tehtävä
Luo `CarList`-komponentti, joka vastaa autojen listan näyttämisestä ja tarjoaa hakutoiminnon niiden suodattamiseen nimien perusteella. Käyttäjät voivat syöttää hakusanan, jonka perusteella autolista suodatetaan dynaamisesti.

## Ohjeet
1. Tuo tarvittavat hookit React-kirjastosta.
2. Määrittele `CarList`-komponentin sisällä tilamuuttuja `searchInput` ja sen päivitysfunktio `setSearchInput` käyttäen `useState`-hookia. Alusta `searchInput` tyhjällä merkkijonolla.
3. Käytä `useMemo`-hookia muistiin tallentaaksesi `filteredCars`-taulukon. Muistissa pidettävän logiikan tulee suodattaa autot `searchInput`-arvon perusteella. Jos `searchInput` on tyhjä, palauta kaikki autot; muussa tapauksessa suodata autot hakusanan perusteella.
4. Määrittele `useMemo`-hookin riippuvuuslistaan oikeat muuttujat, joista muistissa pidettävä funktio riippuu.

1. Lisää `import`-lause tuodaksesi tarvittavan hookin React-kirjastosta.
2. Käytä `useState`-hookia tilamuuttujan ja sen päivitysfunktiolle.
3. `useMemo`-hook tallentaa suodatetun autot-taulukon muistiin ja estää tarpeettomat uudelleenlaskennat.
4. Lisää `useMemo`-hookin riippuvuuslistaan ne muuttujat, joista muistissa pidettävä funktio riippuu (`cars` ja `searchInput`).

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: Toteuta Autolistan Suodatin useMemolla

Tehtävä

Ohjeet

Awesome!

Haaste: Toteuta Autolistan Suodatin useMemolla

Tehtävä

Ohjeet