ReactJS Quiz

Pitanje: Kako se razlikuje JSX od HTML-a i kako se koristi u ReactJS-u?

• JSX je ekstenzija JavaScript sintakse koja omogućava pisanje HTML-u sličnog koda unutar JavaScripta. Koristi se u ReactJS-u za definisanje strukture komponenti.

• JSX je potpuno odvojen jezik od JavaScripta i koristi se samo za stilizovanje ReactJS aplikacija.

Pitanje: Koja je osnovna uloga CSS-a u ReactJS projektima i kako se primenjuje?

• CSS se koristi za stilizovanje komponenti u ReactJS aplikacijama. Može se primenjivati direktno u JavaScript kodu kroz inline stilove ili putem CSS datoteka koje se uvoze u komponente.

• CSS nije potreban u ReactJS projektima jer se sve stilizacije vrše direktno unutar JavaScripta.

Pitanje: Kako se u ReactJS-u upravlja stanjem komponenti i kako se to razlikuje od tradicionalnog upravljanja stanjem u HTML-u?

• U ReactJS-u se stanje komponenti upravlja kroz lokalno stanje (useState hook) i globalno stanje (useContext hook, Redux). Ovo omogućava dinamičko ažuriranje UI-a na osnovu promene stanja.

• U ReactJS-u se stanje komponenti ne može upravljati; mora se koristiti tradicionalni pristup HTML-a preko JavaScripta.

Šta su komponente u ReactJS-u i kako se koriste za organizovanje koda?

• Komponente su modularni delovi UI-a u ReactJS-u koji omogućavaju organizovanje koda u logičke celine. One se koriste za ponovno korišćenje koda i olakšavaju održavanje i razumevanje aplikacije.

• Komponente u ReactJS-u su isključivo vizuelni elementi i ne mogu sadržati logiku.

Pitanje: Kako se postavljaju i upotrebljavaju događaji (events) u ReactJS-u i kako to utiče na HTML?

• Događaji se postavljaju kao atributi u JSX-u i hvataju se unutar React komponenti pomoću funkcija. Ovo omogućava interaktivnost i reaktivnost aplikacije.

• U ReactJS-u nije moguće postaviti i koristiti događaje.

Pitanje: Kako se koriste props (properties) u ReactJS-u i zašto su važne?

• Props su način za prenošenje podataka iznadolje u React komponente. To omogućava dinamičko konfigurisanje komponenti i čini ih prilagodljivim i ponovno upotrebljivim.

• Props se koriste samo unutar same komponente i ne mogu biti preneti između komponenti.

Pitanje: Kako se vrši rutiranje u ReactJS-u i kako se to odražava na HTML i CSS?

• Rutiranje u ReactJS-u se obično postiže korišćenjem biblioteke kao što je React Router. To omogućava dinamičko prikazivanje različitih delova aplikacije na osnovu URL-a, što može uticati na strukturu HTML-a i CSS-a.

• Rutiranje u ReactJS-u nije moguće jer se sve stranice moraju ručno ažurirati.

Pitanje: Koja je uloga virtualnog DOM-a u ReactJS-u i kako poboljšava performanse u odnosu na direktno manipulisanje DOM-om?

• Virtualni DOM je apstrakcija DOM-a koju koristi ReactJS za optimizaciju ažuriranja UI-a. Umesto direktnog menjanja stvarnog DOM-a, React prvo ažurira virtualni DOM, a zatim upoređuje promene sa stvarnim DOM-om, što rezultira efikasnijim ažuriranjem.

• Virtualni DOM u ReactJS-u ne utiče na performanse u poređenju s direktnim manipulisanjem DOM-om.

Pitanje: Kako se upotrebljavaju hooks u ReactJS-u i kako olakšavaju upravljanje stanjem i životnim ciklusom komponenti, uzimajući u obzir i HTML i CSS?

• Hooks su funkcije koje omogućavaju komponentama da koriste stanje i druge React funkcionalnosti bez pisanja klase. To olakšava upravljanje stanjem i životnim ciklusom komponenti, ne utičući direktno na HTML i CSS.

• Hooks se koriste samo za stilizovanje komponenti u ReactJS-u i nemaju uticaja na upravljanje stanjem ili životni ciklus komponenti.

Pitanje: Kako se u ReactJS-u postavlja inline stil za komponentu i kako se to razlikuje od korišćenja CSS-a izvan JavaScript koda?

• Inline stilovi se postavljaju direktno kao JavaScript objekat unutar JSX-a koristeći atribut `style`. Ovo omogućava postavljanje specifičnih stilova za svaku komponentu. Razlikuje se od korišćenja CSS-a izvan JavaScript koda jer su stilovi deklarisani direktno unutar komponente umesto u eksternoj CSS datoteci.

• U ReactJS-u nije moguće postaviti stilove direktno unutar komponente; sve stilizacije moraju se vršiti kroz eksterne CSS datoteke.