Mis on React?
React on JavaScripti raamatukogu, mida kasutatakse kasutajaliideste (UI) loomiseks, eriti üheleheküljeliste veebirakenduste jaoks. See võimaldab jagada rakenduse väikesteks korduvkasutatavateks komponentideks. React uuendab lehel ainult neid osi, mida andmete muutumisel on vaja muuta, mis teeb selle väga tõhusaks. Seda kasutatakse laialdaselt dünaamiliste ja interaktiivsete veebirakenduste loomiseks. React aitab arendajatel kirjutada loetavat ja hästi struktureeritud koodi.
Mis on komponent?
Komponent on iseseisev ja korduvkasutatav UI osa, mis kirjeldab, kuidas mingi osa kasutajaliidesest välja näeb ja käitub
Milleks kasutatakse state’i?
State’i kasutatakse komponendi sees andmete hoidmiseks ja muutmiseks, mis mõjutavad seda, mida kasutajale kuvatakse.
Miks React on kasulik veebirakenduste tegemiseks?
React on kasulik, sest see muudab arenduse kiiremaks, koodi paremini hallatavaks ning võimaldab luua dünaamilisi ja interaktiivseid kasutajaliideseid.
Tähtsad mõisted:
- JSX – JavaScripti laiendus, mis võimaldab kirjutada HTML-laadset süntaksit otse JavaScripti sees.
- Component – Reacti põhielement, mis esindab ühte UI osa.
- Props – andmed, mida antakse komponendile väljastpoolt ja mida see saab kasutada.
- State – komponendi sisemine andmestik, mis võib ajas muutuda ja mõjutab renderdamist.
React projekti loomine
- Ava terminal.
- Käivita järgmine käsk:
//käsk React projekti loomiseks
npm create vite@latest
cd my_movie_app
npm install
//Terminal kuvab lokaalse aadressi (nt http://localhost:5173/), kus saad rakendust näha brauseris.
npm run devCode language: JavaScript (javascript)
App.js
- Peamine komponent
- Haldab state’i
- Edastab andmeid alamkomponentidele
Näite:

MovieList.js
- Kuvab filmide nimekirja
- Võtab andmed props’ina
- Loob MovieCard komponendid
Näide:

MovieCard.js
- Kuvab ühe filmi info
Näide:

Otsingufunktsiooni lisamine
Funktsioon filmi otsimiseks nime järgi

API
Fail filmide toomiseks API kaudu

Koduleht

Otsing leht

Lemmikfilmid leht


