Top 70 de întrebări și răspunsuri la interviu React JS

Reacționează la întrebări și răspunsuri la interviu

Iată întrebările și răspunsurile la interviu de la ReactJ pentru studenții, precum și candidații cu experiență, pentru a obține jobul visat.

1) Ce este Reactjs?

React este o bibliotecă JavaScript care facilitează construirea interfețelor cu utilizatorul. A fost dezvoltat de Facebook.

---

2) React folosește HTML?

Nu, folosește JSX, care este similar cu HTML.

Descărcare gratuită PDF: React Interviu Întrebări și răspunsuri

---

3) Când a fost lansat pentru prima dată React?

React a fost lansat pentru prima dată în martie 2013.

---

4) Dă-mi două cele mai importante dezavantaje ale React

• Integrarea React cu cadrul MVC precum Rails necesită o configurație complexă.
• React cere utilizatorilor să aibă cunoștințe despre integrarea interfeței cu utilizatorul în cadrul MVC.

---

5) Precizați diferența dintre DOM real și DOM virtual

DOM adevărat	DOM virtual
Se actualizează încet.	Se actualizează mai repede.
Permite o actualizare directă din HTML.	Nu poate fi folosit pentru a actualiza HTML direct.
Risipește prea multă memorie.	Consumul de memorie este mai mic

---

6) Ce este Flux Concept în React?

Facebook folosește pe scară largă conceptul de arhitectură flux pentru dezvoltarea aplicațiilor web la nivelul clientului. Nu este un cadru sau o bibliotecă. Este pur și simplu un nou tip de arhitectură care completează React și conceptul de flux de date unidirecționale.

---

7) Definiți termenul Redux în React

Redux este o bibliotecă folosită pentru dezvoltarea front-end. Este un container de stare pentru aplicațiile JavaScript care ar trebui utilizat pentru gestionarea stării aplicațiilor. Puteți testa și rula o aplicație dezvoltată cu Redux în diferite medii.

---

8) Ce este caracteristica „Magazin” în Redux?

Redux are o caracteristică numită „Magazin” care vă permite să salvați întregul stat al aplicației într-un singur loc. Prin urmare, toate stările componentelor sale sunt stocate în Magazin, astfel încât să primiți actualizări regulate direct din Magazin. Arborele unic de stări vă ajută să urmăriți modificările în timp și să depanați sau să inspectați aplicația.

---

9) Ce este o acțiune în Redux?

Este o funcție care returnează un obiect de acțiune. Tipul de acțiune și datele de acțiune sunt întotdeauna stocate în obiectul de acțiune. Acțiunile pot trimite date între Magazin și aplicația software. Toate informațiile preluate de Magazin sunt produse de acțiuni.

---

10) Numiți caracteristicile importante ale React

Iată caracteristicile importante ale React.

• Vă permite să utilizați biblioteci terță parte
• Economisire de timp
• Dezvoltare mai rapidă
• Simplitate și compoziție
• Complet susținut de Facebook.
• Stabilitatea codului cu legare unidirecțională a datelor
• React Components

---

11) Explicați termenul de componente apatride

Componentele apatride sunt funcții pure care redau DOM-ul bazat exclusiv pe proprietățile furnizate acestora.

---

12) Explicați React Router

React Router este o bibliotecă de rutare care vă permite să adăugați noi fluxuri de ecran în aplicația dvs. și, de asemenea, menține URL-ul sincronizat cu ceea ce este afișat pe pagină.

---

13) Care sunt pachetele populare de animație din ecosistemul React?

Pachetul de animație popular în ecosistemul React sunt

• Mișcare de reacție
• Grupul de tranziție React

---

14) Ce este gluma?

Jest este un cadru de testare unitară JavaScript creat de Facebook pe baza Jasmine. Oferă crearea automată de simulare și un mediu jsdom. De asemenea, este folosit ca componentă de testare.

---

15) Ce este dispecerul?

Un dispecer este un centru central al aplicației unde veți primi acțiuni și veți difuza încărcătura utilă către apelurile inverse înregistrate.

---

16) Ce se înțelege prin funcție de apel invers? Care este scopul ei?

O funcție de apel invers ar trebui să fie apelată când setState s-a terminat și componenta este redată din nou. Deoarece setState este asincron, de aceea preia o a doua funcție de apel invers.

---

17) Explicați termenul de componentă de ordin înalt

O componentă de ordin superior cunoscută și sub numele de HOC este o tehnică avansată de reutilizare a logicii componentelor. Nu face parte din React API, dar sunt un model care reiese din natura compozițională a lui React.

---

18) Explicați segmentul de prezentare

O parte de prezentare este un segment care vă permite să redați HTML. Capacitatea segmentului este de prezentare în markup.

---

19) Ce sunt elementele de recuzită în react js?

Recuzitele înseamnă proprietăți, care este o modalitate de a transmite date de la părinte la copil. Putem spune că recuzita sunt doar un canal de comunicare între componente. Se deplasează mereu de la componenta părinte la componenta copil.

---

20) La ce folosește un super cuvânt cheie în React?

Cuvântul cheie super vă ajută să accesați și să apelați funcții pe părintele unui obiect.

---

21) Explicați expresia de randament în JavaScript

Sloganul randament este utilizat pentru a întârzia și relua un generator de lucru, care este cunoscut sub numele de yield slogan.

---

22) Numiți două tipuri de componente React

Două tipuri de componente de reacție sunt:

• Componenta functiei
• Componenta clasei

---

23) Explicați evenimentul sintetic în React js

Evenimentul sintetic este un fel de obiect care acționează ca un înveliș între browsere în jurul evenimentului nativ al browserului. De asemenea, ne ajută să combinăm comportamentele diferitelor browsere în API-ul de semnal.

---

24) Ce este starea de reacție?

Este un obiect care decide cum se redă o anumită componentă și cum se comportă. Starea stochează informațiile care pot fi modificate pe durata de viață a unei componente React.

---

25) Cum puteți actualiza starea în react js?

O stare poate fi actualizată pe componentă direct sau indirect.

---

26) Explicați utilizarea funcției săgeată în React

Funcția săgeată vă ajută să preziceți comportamentul erorilor atunci când sunt transmise ca apel invers. Prin urmare, previne erorile cauzate de acest lucru împreună.

---

27) Care sunt etapele ciclului de viață ai React?

Pașii importanți ai ciclului de viață ai React js sunt:

• Inițializarea
• Actualizări de stat/proprietate
• Distrugerea reprezintă ciclul de viață al lui React

---

28) Precizați principala diferență dintre pro și stat

Principala diferență dintre cei doi este că statul este mutabil, iar pro sunt imuabile.

---

29) Explicați componentele pure în React js

Componentele pure sunt cele mai rapide componente care pot înlocui orice componentă doar cu un render(). Vă ajută să sporiți simplitatea codului și performanța aplicației.

---

30) Ce fel de informații controlează un segment în React?

Există în principal două tipuri de informații care controlează un segment: State și Props

• State: Informații de stat care se vor schimba, trebuie să folosim Stat.
• Recuzită: Recuzitele sunt stabilite de părinte și care sunt decontate pe toată durata de viață a unei piese.

---

31) Ce este „create-react-app”?

„create-react-app” este un instrument de linie de comandă care vă permite să creați o aplicație de bază de reacție.

---

32) Explicați utilizarea „cheie” în lista de reacții

Cheile vă permit să furnizați fiecărui element de listă o identitate stabilă. Cheile ar trebui să fie unice.

---

33) Ce sunt recuzita copiilor?

Elementele de recuzită pentru copii sunt folosite pentru a trece componente altor componente ca proprietăți. Îl poți accesa folosind

{props.children}

---

34) Explicați limitele erorilor?

Limitele de eroare vă ajută să detectați eroarea Javascript oriunde în componentele secundare. Ele sunt cele mai utilizate pentru a înregistra eroarea și pentru a afișa o interfață de utilizare alternativă.

---

35) La ce folos etichetele goale <> ?

Etichetele goale sunt folosite în React pentru declararea fragmentelor.

---

36) Explicați modul strict

StrictMode vă permite să executați verificări și avertismente pentru componentele react. Funcționează numai pe versiunea de dezvoltare. Vă ajută să evidențiați problemele fără a afișa nicio interfață de utilizare vizibilă.

---

37) Ce sunt portalurile reacţionate?

Portal vă permite să redați copii într-un nod DOM.  CreatePortalmethod este folosit pentru aceasta.

---

38) Ce este Contextul?

Contextul React vă ajută să transmiteți date folosind arborele componentelor react. Vă ajută să partajați date la nivel global între diferitele componente de reacții.

---

39) La ce folosește Webpack?

Webpack în practic este un constructor de module. Se rulează în principal în timpul procesului de dezvoltare.

---

40) Ce este Babel în React js?

Babel, este un compilator JavaScript care convertește cel mai recent JavaScript precum ES6, ES7 în JavaScript vechi simplu ES5, pe care majoritatea browserelor îl înțeleg.

---

41) Cum poate un browser să citească fișierul JSX?

Dacă doriți ca browserul să citească JSX, atunci acel fișier JSX ar trebui înlocuit folosind un transformator JSX precum Babel și apoi trimis înapoi la browser.

---

42) Care sunt problemele majore ale utilizării arhitecturii MVC în React?

Iată provocările majore cu care vă veți confrunta în timp ce gestionați arhitectura MVC:

• Manipularea DOM este destul de costisitoare
• De cele mai multe ori aplicațiile au fost lente și ineficiente
• Datorită funcțiilor circulare, a fost creat un model complex în jurul modelelor și ideilor

---

43) Ce se poate face când există mai multe linii de expresie?

În acel moment, o expresie JSX cu mai multe linii este singura opțiune care vă rămâne.

---

44) Care este reducerea?

Reducerea este o metodă de aplicare a gestionării statului.

---

45) Explicați termenul de evenimente sintetice

Este de fapt un wrapper cross-browser în jurul evenimentului nativ al browserului. Aceste evenimente au interfața stopPropagation() și preventDefault().

---

46) Când ar trebui să utilizați elementele de top pentru elementul funcție?

Dacă elementul tău face o etapă sau un ciclu de viață, ar trebui să folosim elemente de top.

---

47) Cum puteți partaja un element în parsare?

Folosind Statul, putem partaja datele.

---

48) Explicați termenul reconciliere

Când starea sau elementele de recuzită ale unei componente se schimbă, restul va compara elementul randat cu DOM redat anterior și va actualiza DOM-ul real dacă este necesar. Acest proces este cunoscut sub numele de reconciliere.

---

49) Cum puteți reda o componentă fără a utiliza funcția setState()?

Puteți utiliza funcția forceUpdate() pentru redarea din nou a oricărei componente.

---

50) Puteți actualiza recuzita în reacții?

Nu puteți actualiza elementele de recuzită în react js, deoarece elementele de recuzită sunt doar pentru citire. Mai mult, nu puteți modifica recuzita primită de la părinte la copil.

---

51) Explicați termenul „restructurare”.

Restructurarea este un proces de extracție a mulțime obiecte. Odată ce procesul este finalizat, puteți separa fiecare obiect într-o variabilă separată.

---

52) Puteți actualiza valorile recuzitei?

Nu este posibil să actualizați valoarea recuzitei deoarece este imuabilă.

---

53) Explicați semnificația montajului și demontării

• Procesul de atașare a elementului la DCOM se numește montare.
• Procesul de detașare a elementului din DCOM se numește proces de demontare.

---

54) La ce folosește biblioteca „prop-types”?

Biblioteca „Prop-types” vă permite să efectuați verificarea tipului de rulare pentru elemente de recuzită și obiecte similare într-o aplicație recentă.

---

55) Explicați cârligele de reacție

Cârligele React vă permit să utilizați State și alte funcții React fără a scrie o clasă.

---

56) Ce sunt fragmentele?

Puteți utiliza cuvântul cheie fragment pentru a grupa o listă de componente copii fără a utiliza noduri suplimentare pentru DOM. De exemplu:

render() {

return (
);
}

---

57) Care este principala diferență dintre createElement și cloneElment?

• createElement este folosit de react pentru a crea elemente react.
• cloneElement este folosit pentru a clona un element și pentru a-i transmite elemente de recuzită noi.

---

58) Ce sunt componentele controlate?

Componentele controlate sunt componente care controlează elementele de intrare.

---

59) De ce trebuie să folosiți recuzită.copii?

Acest props.children vă permite să transmiteți o componentă ca date către alte componente.

---

60) Enumerați câteva dintre metodele dintr-un pachet react-dom

Metodele importante pentru pachetele react-dom sunt:

• face()
• hidrat()
• createPortal()
• unmountComponentAtNode()
• findDOMNode()

---

61) Cum putem face randare pe server în React?

Putem folosi reaction serve pentru a face randarea pe server.

---

62) Precizați diferența dintre getInitialState() și constructor()?

Dacă doriți să creați o componentă extinzând „React. Component', constructorul vă ajută să inițializați starea. Dar, dacă doriți să creați folosind „Reat.createClass”. atunci ar trebui să utilizați „genInitiaState”.

---

63) Ce este refs?

Ref sunt un atribut al elementelor DOM. Scopul principal al referințelor este de a găsi cu ușurință elementele DOM.

---

64) Ce este ComponentWillMount()

componentWillMount() trebuie să facă apeluri API odată ce componenta este inițiată și să configureze valorile în stare. Pentru a efectua un apel API, utilizați un HttpClient, cum ar fi Axios, sau putem folosi fetch() pentru a declanșa apelul AJAX.

---

65) Cum se trimit datele în magazin?

Putem trimite datele către o altă componentă care ar trebui să se bazeze pe acțiunea care stochează componenta părinte.

---

66) Cum veți putea gestiona mai multe acțiuni folosind redux?

Pentru a crea aceeași componentă într-un flux mai mare de acțiuni, folosim aceeași funcționalitate în diferite module.

---

67) Cum puteți vărsa reductoarele?

Putem vărsa salvările pe baza acțiunilor evenimentului. Această acțiune ar trebui împărțită în module separate.

---

68) Numiți oricare cinci prototipuri predefinite utilizate în React

Cel mai important prototip folosit în React js sunt:

• număr
• şir
• mulțime
• obiect
• element

---

69) Care este scopul utilizării bindActionsCreators?

BindActionCreator vă ajută să legați evenimentul pe baza dispecerului de acțiuni la elementul HTML.

---

70) Ce este REFS în React

Ref este o referință la element. Ar trebui evitat în majoritatea cazurilor. Cu toate acestea, uneori este folosit atunci când trebuie să accesați direct DOM sau instanța componentei.

---

71) Elementul JSX poate fi atașat la alte componente JSX?

Da, puteți utiliza atașarea elementului JSX cu alte componente JSX, care este foarte asemănător cu imbricarea elementelor HTML.

---

72) Care este versiunea stabilă actuală a lui React?

Versiunea actuală stabilă a React este versiunea 17.5

---

73) Numiți o caracteristică importantă a caracteristicilor fluxului de lucru Redux

Caracteristicile importante ale fluxului de lucru Redux sunt:

• Resetare: vă ajută să resetați starea magazinului
• Revenire: vă permite să reveniți la ultima stare comisă
• Sweep: Toate acțiunile de dezactivare pe care le-ați putea declanșa din greșeală vor fi eliminate
• Commit: vă ajută să faceți din starea curentă starea inițială.

---

74) Precizați diferența dintre React JS și React Native

React JS este o bibliotecă JavaScript open-end, folosită pentru construirea de interfețe de utilizare, în timp ce React Native este un cadru mobil cu sursă deschisă, care permite dezvoltatorilor să utilizeze React pe platforme precum Android și iOS. Aceste întrebări de interviu vă vor ajuta, de asemenea, în viva (orale)