74 najboljih React JS pitanja i odgovora za intervju

Reagirajte pitanja i odgovore za intervju

Ovdje su ReactJs pitanja za intervjue i odgovori za brucoše kao i za iskusne kandidate da dobiju posao iz snova.

1) Što je Reactjs?

React je JavaScript biblioteka koja olakšava izradu korisničkih sučelja. Razvio ju je Facebook.

---

2) Koristi li React HTML?

Ne, koristi JSX, koji je sličan HTML-u.

Besplatno preuzimanje PDF-a: React Interview Pitanja i odgovori

---

3) Kada je React prvi put objavljen?

React je prvi put objavljen u ožujku 2013.

---

4) Navedite mi dva najznačajnija nedostatka Reacta

• Integracija Reacta s MVC okvirom poput Railsa zahtijeva složenu konfiguraciju.
• React zahtijeva od korisnika znanje o integraciji korisničkog sučelja u MVC okvir.

---

5) Navedite razliku između stvarnog i virtualnog DOM-a

Pravi DOM	Virtualni DOM
Sporo se ažurira.	Ažurira se brže.
Omogućuje izravno ažuriranje iz HTML-a.	Ne može se koristiti za izravno ažuriranje HTML-a.
Gubi previše memorije.	Potrošnja memorije je manja

---

6) Što je Flux koncept u Reactu?

Facebook široko koristi koncept flux arhitekture za razvoj web aplikacija na strani klijenta. To nije okvir ili biblioteka. To je jednostavno nova vrsta arhitekture koja nadopunjuje React i koncept jednosmjernog toka podataka.

---

7) Definirajte pojam Redux u Reactu

Redux je biblioteka koja se koristi za front end razvoj. To je spremnik stanja za JavaScript aplikacije koji bi se trebao koristiti za upravljanje stanjem aplikacija. Možete testirati i pokrenuti aplikaciju razvijenu s Reduxom u različitim okruženjima.

---

8) Što je značajka 'Store' u Reduxu?

Redux ima značajku pod nazivom 'Store' koja vam omogućuje spremanje cijelog stanja aplikacije na jednom mjestu. Stoga su sva stanja njegovih komponenti pohranjena u Trgovini tako da ćete dobivati ​​redovita ažuriranja izravno iz Trgovine. Jedno stablo stanja pomaže vam da pratite promjene tijekom vremena i otklanjate pogreške ili pregledavate aplikaciju.

---

9) Što je akcija u Reduxu?

To je funkcija koja vraća akcijski objekt. Tip radnje i podaci o akciji uvijek su pohranjeni u objektu akcije. Akcije mogu slati podatke između trgovine i softverske aplikacije. Sve informacije koje trgovina dohvaća proizlaze iz radnji.

---

10) Navedite važne značajke Reacta

Ovdje su važne značajke Reacta.

• Omogućuje vam korištenje biblioteka trećih strana
• Štedi vrijeme
• Brži razvoj
• Jednostavnost i mogućnost sastavljanja
• Potpuno podržan od strane Facebooka.
• Stabilnost koda s jednosmjernim povezivanjem podataka
• React komponente

---

11) Objasnite pojam komponente bez stanja

Komponente bez statusa su čiste funkcije koje prikazuju DOM isključivo na temelju svojstava koja su im dana.

---

12) Objasnite React Router

React Router je biblioteka za usmjeravanje koja vam omogućuje dodavanje novih tokova zaslona vašoj aplikaciji, a također održava URL sinkroniziran s onim što se prikazuje na stranici.

---

13) Koji su popularni paketi animacije u React ekosustavu?

Popularni paketi animacije u React ekosustavu su

• Reagiraj pokret
• Prijelazna grupa React

---

14) Što je Jest?

Jest je JavaScript okvir za jedinično testiranje koji je kreirao Facebook na temelju Jasmina. Nudi automatizirano stvaranje mocka i jsdom okruženje. Također se koristi kao komponenta za testiranje.

---

15) Što je dispečer?

Dispečer je središnje središte aplikacije gdje ćete primati radnje i emitirati sadržaj registriranim povratnim pozivima.

---

16) Što se podrazumijeva pod funkcijom povratnog poziva? Koja je njegova svrha?

Funkciju povratnog poziva treba pozvati kada setState završi i komponenta se ponovno prikazuje. Kako je setState asinkroni, zbog čega preuzima drugu funkciju povratnog poziva.

---

17) Objasnite pojam komponente visokog reda

Komponenta višeg reda također kratko poznata kao HOC je napredna tehnika za ponovnu upotrebu logike komponente. Nije dio Reacta API, ali oni su obrazac koji proizlazi iz Reactove kompozicijske prirode.

---

18) Objasnite prezentacijski segment

Prezentacijski dio je segment koji vam omogućuje renderiranje HTML-a. Kapacitet segmenta je prezentacijski u označavanju.

---

19) Što su Props u react js?

Propsi označavaju svojstva, što je način prenošenja podataka od roditelja do djeteta. Možemo reći da su propsi samo komunikacijski kanal između komponenti. Uvijek se kreće od roditeljske do podređene komponente.

---

20) Koja je upotreba ključne riječi super u Reactu?

Ključna riječ super pomaže vam da pristupite i pozovete funkcije nadređenog objekta.

---

21) Objasnite frazu yield u JavaScriptu

Krilatica yield koristi se za odgodu i rezime rad generatora, koji je poznat kao yield catchphrase.

---

22) Navedite dvije vrste React komponente

Dvije vrste komponenti reakcije su:

• Funkcijska komponenta
• Klasna komponenta

---

23) Objasnite sintetički događaj u React js

Sintetički događaj je vrsta objekta koji djeluje kao omotač za više preglednika oko izvornog događaja preglednika. Također nam pomaže kombinirati ponašanja različitih preglednika u signal API.

---

24) Što je React State?

To je objekt koji odlučuje kako će se određena komponenta prikazati i kako će se ponašati. Stanje pohranjuje informacije koje se mogu mijenjati tijekom životnog vijeka React komponente.

---

25) Kako možete ažurirati stanje u react js?

Stanje se može ažurirati na komponenti izravno ili neizravno.

---

26) Objasnite korištenje funkcije strelice u Reactu

Funkcija strelice pomaže vam predvidjeti ponašanje bugova kada se proslijede kao povratni poziv. Stoga sprječava pogrešku uzrokovanu ovime zajedno.

---

27) Koji su koraci životnog ciklusa Reacta?

Važni koraci životnog ciklusa React js-a su:

• Inicijalizacija
• Ažuriranja stanja/vlasništva
• Uništavanje je životni ciklus Reacta

---

28) Navedite glavnu razliku između Pros i State

Glavna razlika između njih je da je država promjenjiva, a Pro nepromjenjivi.

---

29) Objasnite čiste komponente u React js

Čiste komponente su najbrže komponente koje mogu zamijeniti bilo koju komponentu samo s render(). Pomaže vam da poboljšate jednostavnost koda i performanse aplikacije.

---

30) Koja vrsta informacija kontrolira segment u Reactu?

Postoje uglavnom dvije vrste informacija koje kontroliraju segment: State i Props

• Stanje: Informacije o stanju koje će se promijeniti, moramo koristiti stanje.
• Rekviziti: Rekviziti su postavljeni od strane roditelja i koji se određuju tijekom cijelog životnog vijeka dijela.

---

31) Što je 'create-react-app'?

'create-react-app' je alat naredbenog retka koji vam omogućuje stvaranje jedne osnovne React aplikacije.

---

32) Objasnite korištenje 'ključa' u popisu reakcija

Ključevi vam omogućuju da svakom elementu popisa pružite stabilan identitet. Ključevi bi trebali biti jedinstveni.

---

33) Što su dječji rekviziti?

Dječji rekviziti se koriste za prijenos komponente drugim komponentama kao svojstva. Možete mu pristupiti korištenjem

{props.children}

---

34) Objasnite granice pogreške?

Granice pogrešaka pomažu vam da uhvatite Javascript pogrešku bilo gdje u podređenim komponentama. Najčešće se koriste za zapisivanje pogreške i prikazivanje rezervnog korisničkog sučelja.

---

35) Čemu služe prazne oznake <> ?

Prazne oznake se koriste u Reactu za deklariranje fragmenata.

---

36) Objasnite strogi način rada

StrictMode vam omogućuje pokretanje provjera i upozorenja za react komponente. Radi samo na razvojnoj verziji. Pomaže vam da istaknete probleme bez prikazivanja vidljivog korisničkog sučelja.

---

37) Što su reagirani portali?

Portal vam omogućuje renderiranje djece u DOM čvor. CreatePortalmethod koristi se za to.

---

38) Što je kontekst?

Kontekst Reacta pomaže vam u prosljeđivanju podataka pomoću stabla komponenti Reacta. Pomaže vam da globalno dijelite podatke između različitih react komponenti.

---

39) Čemu služi Webpack?

Webpack je u osnovi alat za izgradnju modula. Uglavnom se pokreće tijekom procesa razvoja.

---

40) Što je Babel u React js?

Babel je JavaScript prevodilac koji pretvara najnoviji JavaScript poput ES6, ES7 u običan stari ES5 JavaScript koji većina preglednika razumije.

---

41) Kako preglednik može čitati JSX datoteku?

Ako želite da preglednik čita JSX, tada bi se ta JSX datoteka trebala zamijeniti pomoću JSX transformatora kao što je Babel i zatim poslati natrag u preglednik.

---

42) Koji su glavni problemi korištenja MVC arhitekture u Reactu?

Evo glavnih izazova s ​​kojima ćete se susresti tijekom rukovanja MVC arhitekturom:

• Rukovanje DOM-om je prilično skupo
• Aplikacije su većinu vremena bile spore i neučinkovite
• Zbog kružnih funkcija stvoren je složen model oko modela i ideja

---

43) Što se može učiniti kada postoji više od jedne linije izraza?

U tom trenutku višeredni JSX izraz je jedina preostala opcija za vas.

---

44) Što je smanjenje?

Redukcija je primjena metoda rukovanja State.

---

45) Objasnite pojam sintetičkih događaja

To je zapravo omotač za više preglednika oko izvornog događaja preglednika. Ovi događaji imaju sučelje stopPropagation() i preventDefault().

---

46) Kada biste trebali koristiti elemente vrhunske klase za funkcijski element?

Ako vaš element radi fazu ili životni ciklus, trebali bismo koristiti elemente vrhunske klase.

---

47) Kako možete podijeliti element u raščlanjivanju?

Pomoću države možemo dijeliti podatke.

---

48) Objasnite pojam pomirenja

Kada se stanje komponente ili props promijene, rest će usporediti prikazani element s prethodno prikazanim DOM-om i ažurirati stvarni DOM ako je potrebno. Ovaj proces je poznat kao pomirenje.

---

49) Kako možete ponovno prikazati komponentu bez korištenja funkcije setState()?

Možete koristiti funkciju forceUpdate() za ponovno iscrtavanje bilo koje komponente.

---

50) Možete li ažurirati rekvizite u Reactu?

Ne možete ažurirati props u react js jer su props samo za čitanje. Štoviše, ne možete mijenjati rekvizite primljene od roditelja djetetu.

---

51) Objasnite pojam 'Restrukturiranje'.

Restrukturiranje je proces izdvajanja poredak objekti. Nakon što je proces dovršen, svaki objekt možete odvojiti u zasebnu varijablu.

---

52) Možete li ažurirati vrijednosti rekvizita?

Nije moguće ažurirati vrijednost rekvizita jer je nepromjenjiva.

---

53) Objasnite značenje montaže i demontaže

• Proces pričvršćivanja elementa na DCOM naziva se montaža.
• Proces odvajanja elementa od DCOM-a naziva se proces demontaže.

---

54) Čemu služi biblioteka 'prop-types'?

Biblioteka 'Prop-types' omogućuje vam izvođenje provjere tipa za rekvizite i slične objekte u nedavnoj aplikaciji.

---

55) Objasnite react hookove

React hookovi vam omogućuju da koristite State i druge React značajke bez pisanja klase.

---

56) Što su fragmenti?

Možete koristiti ključnu riječ fragment za grupiranje popisa podređenih komponenti bez korištenja dodatnih čvorova u DOM-u. Na primjer:

render() {

return (
);
}

---

57) Koja je glavna razlika između createElement i cloneElment?

• createElement koristi react za stvaranje react elemenata.
• cloneElement se koristi za kloniranje elementa i prosljeđivanje novih rekvizita.

---

58) Što su kontrolirane komponente?

Kontrolirane komponente su komponente koje kontroliraju ulazne elemente.

---

59) Zašto trebate koristiti rekvizite.djeca?

Ovaj props.children vam omogućuje da prenesete komponentu kao podatke drugim komponentama.

---

60) Navedite neke od metoda u paketu react-dom

Važne metode za react-dom pakete su:

• render()
• hidrat()
• stvoritiPortal()
• unmountComponentAtNode()
• pronađiDOMNode()

---

61) Kako možemo napraviti renderiranje na strani poslužitelja u Reactu?

Možemo koristiti reakcijski servis za renderiranje na strani poslužitelja.

---

62) Navedite razliku između getInitialState() i constructor()?

Ako želite izraditi jednu komponentu proširenjem 'React. Component', konstruktor vam pomaže da inicijalizirate stanje. Ali, ako želite stvarati pomoću 'Reat.createClass.' onda biste trebali koristiti 'genInitiaState.'

---

63) Što je referenca?

Ref je atribut DOM elemenata. Primarna svrha referenci je lako pronaći DOM elemente.

---

64) Što je ComponentWillMount()

componentWillMount() je za upućivanje API poziva nakon što se komponenta pokrene i konfiguriranje vrijednosti u stanje. Za upućivanje API poziva upotrijebite HttpClient kao što je Axios ili možemo upotrijebiti fetch() za pokretanje AJAX poziva.

---

65) Kako poslati podatke u trgovinu?

Možemo poslati podatke drugoj komponenti koja bi se trebala temeljiti na radnji koja pohranjuje nadređenu komponentu.

---

66) Kako ćete moći podnijeti više radnji koristeći redux?

Kako bismo stvorili istu komponentu u većem tijeku akcije, koristimo istu funkcionalnost u različitim modulima.

---

67) Kako možete proliti reduktore?

Možemo prosuti spašavanja na temelju akcija događaja. Tu akciju treba podijeliti u zasebne module.

---

68) Imenujte bilo kojih pet unaprijed definiranih prototipova koji se koriste u Reactu

Najvažniji prototip koji se koristi u React js je:

• broj
• niz
• poredak
• objekt
• element

---

69) Koja je svrha korištenja bindActionsCreators?

BindActionCreator vam pomaže vezati događaj na temelju dispečera radnji na HTML element.

---

70) Što je REFS u Reactu

Ref je referenca na element. U većini slučajeva to treba izbjegavati. Međutim, ponekad se koristi kada trebate izravno pristupiti DOM-u ili instanci komponente.

---

71) Može li se JSX element priključiti na druge JSX komponente?

Da, možete koristiti priloženi JSX element s drugim JSX komponentama što je vrlo slično ugniježđivanju HTML elemenata.

---

72) Koja je trenutna stabilna verzija Reacta?

Trenutna stabilna verzija Reacta je verzija 17.5

---

73) Navedite važnu značajku značajki Redux radnog tijeka

Važne značajke tijeka rada Reduxa su:

• Poništi: Pomaže vam da poništite stanje trgovine
• Vrati: Omogućuje vam da se vratite na zadnje predano stanje
• Čišćenje: Sve radnje onemogućavanja koje biste mogli pokrenuti greškom bit će uklonjene
• Obaveza: Pomaže vam da trenutno stanje učinite početnim stanjem.

---

74) Navedite razliku između React JS i React Native

React JS je prednja JavaScript biblioteka otvorenog koda koja se koristi za izradu korisničkih sučelja, dok je React Native mobilni okvir otvorenog koda koji programerima omogućuje da koriste React na platformama kao što su Android i iOS. Ova pitanja za intervju također će vam pomoći u vašem životu