Les millors preguntes i respostes de l’entrevista 50 React el 2019

Bloc

Les millors preguntes i respostes de l’entrevista 50 React el 2019

Les millors preguntes i respostes de l’entrevista 50 React el 2019

Si sou un aspirant a desenvolupador frontal i us prepareu per a entrevistes, aquest article és per a vosaltres. Best 50 React Entrevista Questions és la guia perfecta per aprendre tots els conceptes necessaris per esborrar una entrevista React.

Però abans de començar amb el Respon a les preguntes de l’entrevista , fem una ullada ràpida a la demanda i l’estat de React al mercat.

A dia d'avui, hi ha uns 1.000 col·laboradors a Github. Funcions úniques com Virtual DOM i components reutilitzables criden l’atenció dels desenvolupadors front-end. Tot i ser només una biblioteca per a 'View' a MVC (Model-View-Controller), està donant una forta competència a marcs complets com Angular, Meteor, Vue, etc. Mireu el gràfic belo2w que mostra la tendència dels marcs JS populars. :

pausa del sistema a c

Respon a les preguntes de l’entrevista

Per tant, aquí teniu el Top 50 Preguntes i respostes de l’entrevista React que és més probable que els demani l’entrevistador. Per facilitar-vos l’accés, he categoritzat les preguntes de l’entrevista React:
General React Component de reacció React Redux React Router ## General React - React Preguntes de l’entrevista

1. Diferencieu DOM real i DOM virtual.

2. Què és React?

React és una biblioteca JavaScript frontal desenvolupada per Facebook el 2011. Segueix l'enfocament basat en components que ajuda a construir components de la IU reutilitzables. S'utilitza per desenvolupar una interfície d'usuari web i mòbil complexa i interactiva. Tot i que només va ser de font oberta el 2015, compta amb una de les comunitats més grans que la dóna suport. ### 3. Quines són les característiques de React?

A continuació s’enumeren les principals característiques de React:
Utilitza el fitxer virtual DOM en lloc del real DOM.It usos representació del servidor .Segueix flux de dades unidireccional o vinculació de dades. ### 4. Enumereu alguns dels principals avantatges de React.

Alguns dels principals avantatges de React són:
Augmenta el rendiment de l’aplicació Es pot utilitzar còmodament tant al costat del servidor com al servidor A causa de JSX, la llegibilitat del codi augmenta. El React és fàcil d’integrar amb altres marcs com Meteor, Angular, etc. 5. Quines són les limitacions de React?

A continuació s’enumeren les limitacions de React:
React és només una biblioteca, no un marc complet La seva biblioteca és molt gran i necessita temps per entendre Pot ser poc difícil d’entendre pels programadors novells La codificació es fa complexa ja que utilitza plantilles en línia i JSX ### 6. Què és JSX?

JSX és una abreviatura de JavaScript XML. Aquest és un tipus de fitxer utilitzat per React que utilitza l’expressivitat de JavaScript juntament amb la sintaxi de plantilla HTML. Això fa que el fitxer HTML sigui molt fàcil d’entendre. Aquest fitxer fa que les aplicacions siguin robustes i en millori el rendiment. A continuació es mostra un exemple de JSX:

render(){ return( ); } } //ParentComponent.jsx import ChildComponent from './childcomponent.js'; class ParentComponent extends React.Component { render() { return( ); } }

28. Com es creen formes a React?

Els formularis React són similars als formularis HTML. Però a React, l'estat es troba a la propietat d'estat del component i només s'actualitza mitjançant setState (). Per tant, els elements no poden actualitzar directament el seu estat i el seu enviament es fa mitjançant una funció JavaScript. Aquesta funció té accés complet a les dades que l'usuari introdueix en un formulari.

handleSubmit(event) { alert('A name was submitted: ' + this.state.value); event.preventDefault(); } render() { return ( Name: ); }

29. Què en sabeu dels components controlats i no controlats?

30. Què són els components d’ordre superior (HOC)?

El component d’ordre superior és una forma avançada de reutilitzar la lògica del component. Bàsicament, és un patró que es deriva de la naturalesa compositiva de React. Els HOC són components personalitzats que contenen un altre component. Poden acceptar qualsevol component secundari proporcionat dinàmicament, però no modificaran ni copiaran cap comportament dels components d’entrada. Es pot dir que els HOC són components «purs».

31. Què podeu fer amb HOC?

HOC es pot utilitzar per a moltes tasques com:
Reutilització de codi, lògica i abstracció d’arrencada Render Jacking elevat Abstracció i manipulació de l’estat Manipulació de props ### 32. Què són els components purs?

Els components * purs * són els components més senzills i ràpids que es poden escriure. Poden substituir qualsevol component que només tingui un ** render (). ** Aquests components milloren la simplicitat del codi i el rendiment de l'aplicació.

33. Quina importància tenen les claus a React?

Les claus s’utilitzen per identificar elements de DOM virtuals únics amb les seves dades corresponents que condueixen la interfície d’usuari. Ajuden a React a optimitzar la representació reciclant tots els elements existents al DOM. Aquestes claus han de ser un número o una cadena única, amb la qual React només reordena els elements en lloc de tornar-los a representar. Això fa que augmenti el rendiment de l’aplicació.

joc de serps codi font javascript

React Redux - React Preguntes de l’entrevista

34. Quins van ser els principals problemes amb el framework MVC?

A continuació es detallen alguns dels principals problemes amb el marc MVC:
La manipulació del DOM era molt cara Les aplicacions eren lentes i ineficients Hi havia un gran malbaratament de memòria A causa de les dependències circulars, es va crear un model complicat al voltant dels models i les vistes ### 35. Expliqueu Flux.

Flux és un patró arquitectònic que aplica el flux de dades unidireccional. Controla les dades derivades i permet la comunicació entre diversos components mitjançant una botiga central que té autoritat per a totes les dades. Qualsevol actualització de dades de tota l'aplicació només s'ha de produir aquí. Flux proporciona estabilitat a l'aplicació i redueix els errors en temps d'execució.

36. Què és Redux?

Redux és una de les biblioteques més populars per al desenvolupament de front-end al mercat actual. És un contenidor d'estats previsible per a aplicacions JavaScript i s'utilitza per a tota la gestió d'estats d'aplicacions. Les aplicacions desenvolupades amb Redux són fàcils de provar i es poden executar en diferents entorns amb un comportament constant.

37. Quins són els tres principis que segueix Redux?

*** Única font de veritat: *** L'estat de tota l'aplicació s'emmagatzema en un arbre d'objectes / estats dins d'un sol magatzem. L'arbre d'un estat facilita el seguiment dels canvis al llarg del temps i depura o inspecciona l'aplicació. *** L'estat és de només lectura: *** L'única manera de canviar l'estat és activar una acció. Una acció és un objecte JS simple que descriu el canvi. Igual que l'estat és la representació mínima de les dades, l'acció és la representació mínima del canvi a aquestes dades. Els canvis es fan amb funcions pures: Per especificar com es transforma l'arbre d'estats mitjançant accions, necessiteu funcions pures. Les funcions pures són aquelles el valor de retorn depèn exclusivament dels valors dels seus arguments. ### 38. Què enteneu per una única font de veritat?

Redux utilitza 'Store' per emmagatzemar tot l'estat de l'aplicació en un sol lloc. Per tant, tot l’estat del component s’emmagatzema a la botiga i rep actualitzacions de la mateixa botiga. L'arbre d'un estat facilita el seguiment dels canvis al llarg del temps i depura o inspecciona l'aplicació.

39. Enumereu els components de Redux.

Redux es compon dels components següents:
Acció - És un objecte que descriu el que va passar. ** Reductor **: és un lloc per determinar com canviarà l’estat. Botiga - L'arbre d'estat / objecte de tota l'aplicació es desa a la botiga. Veure - Simplement mostra les dades proporcionades per la botiga.

40. Mostrar com flueixen les dades a través de Redux?

41. Com es defineixen les accions a Redux?

Les accions de React han de tenir una propietat tipus que indiqui el tipus d’ACCIÓ que s’està realitzant. S'han de definir com una constant de cadena i també podeu afegir-hi més propietats. A Redux, les accions es creen mitjançant les funcions anomenades Creadors d'accions. A continuació es mostra un exemple d’Action and Action Creator:

function addTodo(text) { return { type: ADD_TODO, text } }

42. Expliqueu el paper del reductor.

Els reductors són funcions pures que especifiquen com canvia l’estat de l’aplicació en resposta a una ACCIÓ. Els reductors funcionen prenent l’estat i l’acció anteriors i, després, tornen un estat nou. Determina quin tipus d’actualització s’ha de fer en funció del tipus d’acció i, a continuació, retorna nous valors. Retorna l'estat anterior tal qual, si no cal fer cap treball.

43. Quina importància té Store a Redux?

Una botiga és un objecte JavaScript que pot contenir l'estat de l'aplicació i proporcionar alguns mètodes auxiliars per accedir a l'estat, enviar accions i registrar oients. Es guarda tot l'arbre d'estat / objecte d'una aplicació en un únic magatzem. Com a resultat d'això, Redux és molt senzill i predictible. Podem passar el middleware a la botiga per gestionar el processament de dades, així com per guardar un registre de diverses accions que canvien l’estat de les botigues. Totes les accions retornen un nou estat mitjançant reductors.

js elimina el primer element de la matriu

44. En què es diferencia Redux de Flux?

45. Quins avantatges té Redux?

A continuació s’enumeren els avantatges de Redux:
** Previsibilitat del resultat - ** Com que sempre hi ha una font de veritat, és a dir, la botiga, no hi ha confusió sobre com sincronitzar l'estat actual amb accions i altres parts de l'aplicació. ** Manteniment - ** El codi es converteix més fàcil de mantenir amb un resultat previsible i una estructura estricta. Representació del servidor: Només cal passar la botiga creada al servidor, al costat del client. Això és molt útil per a la representació inicial i proporciona una millor experiència d'usuari ja que optimitza el rendiment de l'aplicació. ** Eines per a desenvolupadors - ** Des d'accions fins a canvis d'estat, els desenvolupadors poden fer un seguiment de tot el que passa a l'aplicació en temps real. ** Comunitat i ecosistema - ** Redux té una enorme comunitat al darrere que el fa encara més captivador d’utilitzar. Una gran comunitat d’individus amb talent contribueix a millorar la biblioteca i desenvolupa diverses aplicacions amb ella. ** Facilitat de proves: ** El codi de Redux és principalment funcions petites, pures i aïllades. Això fa que el codi es pugui provar i ser independent. ** Organització - ** Redux és precís sobre com s'ha d'organitzar el codi, cosa que fa que el codi sigui més coherent i més fàcil quan un equip hi treballi. ## React Router - React Preguntes de l’entrevista

46. ​​Què és React Router?

React Router és una potent biblioteca d’encaminament construïda sobre React, que ajuda a afegir pantalles i fluxos nous a l’aplicació. Això manté l'URL sincronitzat amb les dades que es mostren a la pàgina web. Manté una estructura i un comportament estandarditzats i s’utilitza per desenvolupar aplicacions web d’una sola pàgina. React Router té una API senzilla.

47. Per què s’utilitza la paraula clau switch a React Router v4?

Tot i que a

s’utilitza per encapsular diverses rutes dins del router. La paraula clau 'commuta' s'utilitza quan es vol mostrar només una ruta que es renderitzi entre les diverses rutes definides. El **

#reactjs # react-native #javascript # desenvolupament web