Întrebări de interviu React JS (2022)

După o rundă de interviu telefonic, va trebui să faceți față unui interviu direct cu întrebări tipice despre calificările și abilitățile dumneavoastră. În afară de pregătirile generale ale întrebărilor deschise, ar trebui să știți și cum să răspundeți la întrebările tehnice.

Chiar dacă răspunzi la întrebări cu încredere și carisma, trebuie să fii precis în timp ce răspunzi la întrebări tehnice. Am compilat câteva întrebări tehnice pe care să le pregătiți înainte de a vă prezenta la interviu.

Luați în considerare acestea ca exemple ale tipului de întrebări la care vă puteți aștepta în timpul unui interviu React JS.

Î.1) Explicați diferența dintre DOM real și DOM virtual?

Răspuns: Virtual DOM se actualizează mai repede, dar nu poate actualiza direct HTML. Poate actualiza JSX dacă elementele sunt actualizate. Este o opțiune excelentă dacă nu doriți să pierdeți memoria și este, de asemenea, ușor de manipulat.

Pe de altă parte, actualizările Real DOM sunt mai lente, dar pot actualiza direct HTML. Cu toate acestea, ele nu sunt rentabile, deoarece DOM-urile create din actualizările elementelor sunt costisitoare de manipulat. În plus, Real DOM necesită și mult spațiu de stocare.

Q.2) Cum ați descrie „React”?

Răspuns: Reach este dezvoltat de Facebook, care urmează o abordare bazată pe componente care ajută la formarea componentelor UI reutilizabile. Este o bibliotecă JavaScrip front-end folosită pentru crearea unei interfețe de utilizare mobilă complexă și a unui web interactiv. React a fost open-source în 2015, iar astăzi are un sprijin extins al comunității.

Î.3) Ne puteți spune care sunt avantajele majore ale utilizării React?

Răspuns: React mărește eficiența performanței unei aplicații, plus că o puteți utiliza atât pe partea client, cât și pe server. Codurile scrise în React pot fi citite datorită JSX, iar scrierea testelor UI devine fără probleme. Se poate integra cu ușurință React cu alte cadre precum Angular și Meteor.

Î.4) Care sunt cele trei caracteristici principale ale React?

Răspuns: React folosește DOM virtual în loc de DOM real. Urmează legarea de date sau fluxul unidirecțional în timpul utilizării redării pe partea serverului,

Î.5) Credeți că există limitări pentru React?

Răspuns: Da, cred că este dificil de înțeles pentru un programator la nivel de începător, iar codarea poate deveni extrem de dificilă din cauza JSX și a șablării inline. De asemenea, fiind un cadru extins, este nevoie de timp pentru a te familiariza cu React.

Q.6) Descrieți DOM-ul VIrtual și funcționarea acestuia.

Răspuns: Virtual DOM este o copie a DOM-ului real și este un obiect JavaScript ușor. Este un arbore de noduri care listează toate atributele, conținutul și elementele ca obiecte cu proprietățile lor. Funcția de randare din React creează un arbore de noduri din componentele sale. Când un utilizator sau un sistem efectuează mai multe acțiuni, continuă să actualizeze arborele pentru a răspunde la mutația modelului de date.

Funcționarea Virtual DOM urmează trei pași:

1. În primul rând, întreaga interfață de utilizare este redată în reprezentarea Virtual DOM chiar și atunci când există mici modificări ale datelor.
2. Acest lucru creează o diferență între reprezentarea DOM-ului nou și anterior, care este calculată.
3. DOM-ul real este actualizat doar cu lucruri care au fost modificate după ce calculele sunt terminate.

Q.7) Spune-ne ce știi despre JSX?

Răspuns : JSX este un fișier pe care React îl folosește împreună cu sintaxa șablonului de tip HTML pentru a utiliza expresivitatea javascriptului. Este o prescurtare pentru JavaScript SML care face orice fișier HTML ușor de înțeles. JSX este folosit pentru a crește eficiența și performanța aplicațiilor.

Q.8) Explicați diferența dintre React și Angular.

Răspuns: Există câteva diferențe majore între React și Angular, cum ar fi arhitectura în care primul are doar vizualizarea MVC, în timp ce al doilea are o vedere MVC complet. Când vine vorba de randare, Angular are randare pe partea clientului, iar React merge cu randarea pe partea serverului. React folosește DOM virtual și legarea de date unidirecțională, Angular utilizează DOM real cu legarea de date bidirecțională. Depanarea în Angular este depanare în timp de execuție, în timp ce React are depanare în timp de compilare. În cele din urmă, Google a creat Angular, în timp ce creditul pentru construirea React revine Facebook.

Q.9) Ce înțelegem prin recuzită?

Răspuns: Recuzitele sunt componente numai pentru citire care ar trebui păstrate imuabile sau pure și este prescurtarea pentru „Proprietăți în React”. Într-o aplicație, acestea sunt trimise de la componenta părinte la componenta copil, ceea ce ajută la menținerea fluxului unidirecțional de date. Recuzitele ajută, de asemenea, la redarea datelor care sunt generate dinamic.

Î.10) Ce sunt stările în React și cum le folosiți?

Răspuns: Statele sunt sufletul componentelor React, ele trebuie simplificate pentru că sunt sursa de date. Se poate spune că stările sunt obiecte care determină comportamentul și redarea componentelor. Modificările pot fi făcute în stare, deoarece sunt mutabile și eficiente în crearea de componente interactive și dinamice.

Q.11) Care sunt diferențele majore dintre state și recuzită?

Răspuns: Componenta părinte din elemente de recuzită poate schimba valoarea în timp ce nu se poate întâmpla într-o stare. Cu toate acestea, există schimbări în interiorul componentelor statului, dar nu este cazul recuzitei. Similar cu componenta părinte, nici componenta copil nu are modificări, dar acestea pot fi observate în recuzită.

Q.12) Care sunt asemănările de stat și recuzită?

Răspuns: Există în principal trei asemănări între stat și recuzită.

1. Ambele primesc valoarea inițială de la componenta părinte.
2. În ambele cazuri, puteți seta valori implicite în interiorul componentelor.
3. În componenta copil, puteți seta cu ușurință valoarea inițială.

Q.13) Ce sunt componentele cu stare?

Răspuns: Schimbarea stării în memorie a componentelor este stocată de componenta cu stare, acestea au, de asemenea, autoritatea de a schimba starea și de a fi conștienți de toate modificările prezente într-o stare. Componentele apatride trimit elementele de recuzită după ce le anunță despre schimbarea necesară a stării.

Q.14) Ce înțelegem prin componente apatride?

Răspuns: Starea internă a componentelor este calculată de componentele apatride și nu au autoritatea de a schimba starea. Le lipsește cunoștințele despre schimbările de stare prezente, trecute și viitoare. În cele din urmă, componentele cu stare le trimit elemente de recuzită pe care le tratează ca funcții de apel invers.

Q.15) Descrieți evenimente sintetice.

Răspuns: Obiectele care se comportă ca un înveliș între browsere în jurul evenimentului nativ al browserului sunt cunoscute ca evenimente sintetice. Funcția lor cheie este de a crea un singur API combinând comportamentul mai multor browsere. Acest lucru asigură proprietăți consistente în evenimente în diferite browsere.

Q.16) Ce sunt refs și când ar trebui să le folosiți?

Răspuns: Ref înseamnă referințe în React și este un atribut care stochează o referință pentru o anumită componentă sau element de reacție. Funcția de configurare a randării din componente returnează aceste referințe. Acestea ajută la adăugarea de metode la componentele semnificative și la obținerea măsurătorilor DOM. De asemenea, putem folosi referințe pentru a gestiona focalizarea, pentru a selecta redarea media sau textul. În plus, ajută și la integrarea cu biblioteci DOM terțe și la declanșarea animațiilor imperative.

Q.17) Ce sunt componentele controlate?

Răspuns: Componentele de control nu își pot menține starea, iar componenta părinte controlează datele. De asemenea, aceștia dobândesc valori curente cu ajutorul elementelor de recuzită și folosesc callback-uri pentru a notifica modificări.

Q.18) Ce știți despre componentele necontrolate?

Răspuns: Componentele necontrolate își mențin starea. Aici, DOM controlează datele, spre deosebire de componentele controlate. De asemenea, folosesc referințe pentru a-și deriva valorile curente.

Q.19) Precizați avantajele Redux.

Răspuns: Redux oferă următoarele avantaje –

• Organizare : munca în echipă devine mai ușoară pe Redux, deoarece se referă la organizarea codului, făcându-l mai consistent.
• Ușor de testat : Codul este independent și testabil, deoarece are funcții izolate, mici și pure.
• Comunitate : Redux are backup-ul unei comunități mari și talentate care continuă să îmbunătățească biblioteca în timp ce construiește mai multe aplicații.
• Instrumente pentru dezvoltatori : este ușor pentru dezvoltatori să urmărească totul într-o aplicație, de la schimbările de stare la acțiune.
• Redare pe partea serverului : în redux, trebuie doar să trimiteți magazinul pe partea client, ceea ce face ca acesta să fie o experiență mai bună pentru utilizator, deoarece performanța aplicației crește.
• Mentenabilitatea : Codul are o structură strictă și un rezultat previzibil, ceea ce îl face mai ușor de întreținut.
• Predictibilitate în rezultate : Nu există confuzie cu privire la sincronizarea acțiunii de stare curentă cu părți ale aplicației, deoarece există o singură sursă de magazin.

Concluzie

Învățarea React Js nu este complicată dacă ești perseverent și dedicat. Odată ce vă cunoașteți limbajul de programare pe dinafară, puteți rezolva orice interviu cu ușurință. Dacă doar explorați limba acum sau doriți să vă aprofundați cunoștințele, consultați Masterul nostru în Științe Informatice de la Universitatea Liverpool John Moore. Acest curs de 19 luni include unele dintre instrumentele de top, inclusiv React, Java, JavaScript, Spring, Hyperledger și Ethereum, pentru a numi câteva.

După finalizarea acestui curs, veți dobândi o înțelegere profundă a React. Nu doar atât, veți fi eligibil pentru a primi roluri bine plătite, cum ar fi Dezvoltator/Inginer de software, Dezvoltator Full Stack, Dezvoltator Blockchain, Expert/Arhitect Cloud, Inginer de securitate cibernetică, Inginer de date și Inginer DevOps.