Le 74 migliori domande e risposte all'intervista su React JS

Domande e risposte all'intervista React

Ecco le domande e le risposte dell'intervista di ReactJ sia per le matricole che per i candidati esperti per ottenere il lavoro dei loro sogni.

1) Cos'è Reactjs?

React è una libreria JavaScript che semplifica la creazione di interfacce utente. È stato sviluppato da Facebook.

---

2) React usa HTML?

No, utilizza JSX, che è simile all'HTML.

Download gratuito del PDF: domande e risposte all'intervista React

---

3) Quando è stato rilasciato React per la prima volta?

React è stato rilasciato per la prima volta nel marzo 2013.

---

4) Dammi due svantaggi più significativi di React

• L'integrazione di React con il framework MVC come Rails richiede una configurazione complessa.
• React richiede che gli utenti abbiano conoscenza dell'integrazione dell'interfaccia utente nel framework MVC.

---

5) Dichiara la differenza tra DOM reale e DOM virtuale

vero DOM	DOM virtuale
Viene aggiornato lentamente.	Si aggiorna più velocemente.
Permette un aggiornamento diretto da HTML.	Non può essere utilizzato per aggiornare direttamente l'HTML.
Si spreca troppa memoria.	Il consumo di memoria è inferiore

---

6) Cos'è il concetto di flusso in React?

Facebook utilizza ampiamente il concetto di architettura Flux per lo sviluppo di applicazioni web lato client. Non si tratta di un framework o di una libreria. È semplicemente un nuovo tipo di architettura che integra React e il concetto di flusso di dati unidirezionale.

---

7) Definire il termine Redux in React

Redux è una libreria utilizzata per lo sviluppo front-end. È un contenitore di stati per le applicazioni JavaScript che dovrebbe essere utilizzato per la gestione dello stato delle applicazioni. Puoi testare ed eseguire un'applicazione sviluppata con Redux in diversi ambienti.

---

8) Cos'è la funzione 'Store' in Redux?

Redux ha una funzionalità chiamata "Store" che ti consente di salvare l'intero stato dell'applicazione in un unico posto. Pertanto tutti gli stati dei suoi componenti vengono archiviati nello Store in modo che tu possa ricevere aggiornamenti regolari direttamente dallo Store. L'albero a stato singolo ti aiuta a tenere traccia delle modifiche nel tempo ed eseguire il debug o ispezionare l'applicazione.

---

9) Cos'è un'azione in Redux?

È una funzione che restituisce un oggetto azione. Il tipo di azione e i dati dell'azione vengono sempre memorizzati nell'oggetto dell'azione. Le azioni possono inviare dati tra lo Store e l'applicazione software. Tutte le informazioni recuperate dallo Store sono prodotte dalle azioni.

---

10) Nomina le caratteristiche importanti di React

Ecco le caratteristiche importanti di React.

• Consente di utilizzare librerie di terze parti
• Che fa risparmiare tempo
• Sviluppo più rapido
• Semplicità e Componibile
• Pienamente supportato da Facebook.
• Stabilità del codice con associazione dati unidirezionale
• Componenti di reazione

---

11) Spiegare il termine componenti apolidi

I componenti senza stato sono funzioni pure che eseguono il rendering basato su DOM esclusivamente sulle proprietà fornite loro.

---

12) Spiegare React Router

React Router è una libreria di routing che ti consente di aggiungere nuovi flussi di schermate alla tua applicazione e mantiene inoltre l'URL sincronizzato con ciò che viene mostrato sulla pagina.

---

13) Quali sono i pacchetti di animazione più popolari nell'ecosistema React?

I pacchetti di animazione più popolari nell'ecosistema React sono

• Reagire al movimento
• Reagire gruppo di transizione

---

14) Cos'è Jest?

Jest è un framework di test unitario JavaScript creato da Facebook basato su Jasmine. Offre la creazione simulata automatizzata e un ambiente jsdom. Viene utilizzato anche come componente di test.

---

15) Cos'è il dispatcher?

Un dispatcher è un hub centrale dell'app in cui riceverai azioni e trasmetterai payload ai callback registrati.

---

16) Cosa si intende per funzione di callback? Qual è il suo scopo?

Una funzione di callback dovrebbe essere chiamata al termine di setState e il rendering del componente viene ripetuto. Poiché setState è asincrono, motivo per cui accetta una seconda funzione di callback.

---

17) Spiegare il termine componente di ordine elevato

Un componente di ordine superiore, brevemente noto anche come HOC, è una tecnica avanzata per riutilizzare la logica dei componenti. Non fa parte di React API, ma sono uno schema che emerge dalla natura compositiva di React.

---

18) Spiegare il segmento di presentazione

Una parte di presentazione è un segmento che consente di eseguire il rendering dell'HTML. La capacità del segmento è rappresentativa nel markup.

---

19) Cosa sono i Prop in react js?

I props sono proprietà, ovvero un modo per passare dati dal componente padre al componente figlio. Possiamo dire che i props sono semplicemente un canale di comunicazione tra i componenti. Il passaggio di dati avviene sempre dal componente padre a quello figlio.

---

20) A cosa serve una super parola chiave in React?

La parola chiave super ti aiuta ad accedere e chiamare funzioni sul genitore di un oggetto.

---

21) Spiegare lo slogan di rendimento in JavaScript

Lo slogan del rendimento viene utilizzato per ritardare e curriculum vitae un lavoro generatore, noto come slogan di rendimento.

---

22) Nomina due tipi di componente React

Due tipi di componenti di reazione sono:

• Componente funzionale
• Componente di classe

---

23) Spiegare l'evento sintetico in React js

Un evento sintetico è un tipo di oggetto che funge da wrapper cross-browser per l'evento nativo del browser. Ci aiuta anche a combinare i comportamenti di vari browser nell'API Signal.

---

24) Cos'è lo stato di reazione?

È un oggetto che decide come viene visualizzato un componente specifico e come si comporta. Lo stato memorizza le informazioni che possono essere modificate nel corso della vita di un componente React.

---

25) Come puoi aggiornare lo stato in react js?

Uno stato può essere aggiornato sul componente direttamente o indirettamente.

---

26) Spiegare l'uso della funzione freccia in React

La funzione freccia ti aiuta a prevedere il comportamento dei bug quando vengono passati come callback. Pertanto, previene tutti i bug causati da questo.

---

27) Quali sono le fasi del ciclo di vita di React?

Passaggi importanti del ciclo di vita di React js sono:

• Inizializzazione
• Aggiornamenti sullo stato/proprietà
• La distruzione è il ciclo di vita di React

---

28) Indica la principale differenza tra Pro e Stato

La differenza principale tra i due è che lo Stato è mutevole e i Pro sono immutabili.

---

29) Spiegare i componenti puri in React js

I componenti puri sono i componenti più veloci che possono sostituire qualsiasi componente con solo un render(). Ti aiuta a migliorare la semplicità del codice e le prestazioni dell'applicazione.

---

30) Che tipo di informazioni controlla un segmento in React?

Ci sono principalmente due tipi di informazioni che controllano un segmento: Stato e Props

• Stato: informazioni statali che cambieranno, dobbiamo utilizzare lo stato.
• Oggetti di scena: gli oggetti di scena vengono impostati dal genitore e vengono stabiliti durante tutta la vita di una parte.

---

31) Cos'è "crea-react-app"?

'create-react-app' è uno strumento da riga di comando che ti consente di creare un'applicazione di reazione di base.

---

32) Spiegare l'uso della "chiave" nell'elenco delle reazioni

Le chiavi consentono di fornire a ciascun elemento dell'elenco un'identità stabile. Le chiavi dovrebbero essere univoche.

---

33) Cosa sono i sostegni per i bambini?

Gli oggetti di scena secondari vengono utilizzati per passare il componente ad altri componenti come proprietà. Puoi accedervi utilizzando

{props.children}

---

34) Spiegare i limiti di errore?

I limiti di errore ti aiutano a rilevare errori Javascript ovunque nei componenti secondari. Sono utilizzati principalmente per registrare l'errore e mostrare un'interfaccia utente di fallback.

---

35) A cosa servono i tag vuoti <> ?

I tag vuoti vengono utilizzati in React per dichiarare i frammenti.

---

36) Spiegare la modalità rigorosa

StrictMode consente di eseguire controlli e avvisi per i componenti di reazione. Funziona solo su build di sviluppo. Ti aiuta a evidenziare i problemi senza rendere visibile alcuna interfaccia utente.

---

37) Cosa sono i portali reagiti?

Il portale ti consente di eseguire il rendering dei bambini in un nodo DOM. Metodo CreaPortale viene utilizzato per questo.

---

38) Cos'è il contesto?

Il contesto React ti aiuta a passare i dati utilizzando l'albero dei componenti React. Ti aiuta a condividere i dati a livello globale tra i vari componenti di reazione.

---

39) A cosa serve Webpack?

Webpack in pratica è un generatore di moduli. Viene eseguito principalmente durante il processo di sviluppo.

---

40) Cos'è Babel in React js?

Babel è un compilatore JavaScript che converte gli ultimi JavaScript come ES6, ES7 nel semplice vecchio JavaScript ES5 comprensibile dalla maggior parte dei browser.

---

41) Come può un browser leggere il file JSX?

Se desideri che il browser legga JSX, il file JSX deve essere sostituito utilizzando un trasformatore JSX come Babel e quindi rispedito al browser.

---

42) Quali sono i principali problemi legati all'utilizzo dell'architettura MVC in React?

Ecco le principali sfide che dovrai affrontare durante la gestione dell'architettura MVC:

• La gestione del DOM è piuttosto costosa
• Nella maggior parte dei casi le applicazioni erano lente e inefficienti
• A causa delle funzioni circolari, è stato creato un modello complesso attorno a modelli e idee

---

43) Cosa si può fare quando c'è più di una linea di espressione?

A quel punto un'espressione JSX su più righe è l'unica opzione rimasta per te.

---

44) Qual è la riduzione?

La riduzione è una modalità applicativa di gestione dello Stato.

---

45) Spiegare il termine eventi sintetici

In realtà è un wrapper cross-browser attorno all'evento nativo del browser. Questi eventi hanno l'interfaccia stopPropagation() e preventDefault().

---

46) Quando dovresti utilizzare gli elementi di prima classe per l'elemento funzione?

Se il tuo elemento attraversa una fase o un ciclo di vita, dovremmo utilizzare elementi di prima classe.

---

47) Come puoi condividere un elemento nell'analisi?

Usando lo Stato possiamo condividere i dati.

---

48) Spiegare il termine riconciliazione

Quando lo stato o gli oggetti di scena di un componente cambiano, rest confronterà l'elemento renderizzato con il DOM renderizzato in precedenza e aggiornerà il DOM effettivo se necessario. Questo processo è noto come riconciliazione.

---

49) Come puoi eseguire nuovamente il rendering di un componente senza utilizzare la funzione setState()?

È possibile utilizzare la funzione forceUpdate() per ripetere il rendering di qualsiasi componente.

---

50) Puoi aggiornare gli oggetti di scena in Reaction?

Non puoi aggiornare gli oggetti di scena in react js perché gli oggetti di scena sono di sola lettura. Inoltre, non è possibile modificare gli oggetti di scena ricevuti da genitore a figlio.

---

51) Spiegare il termine "Ristrutturazione".

La ristrutturazione è un processo di estrazione di schieramento oggetti. Una volta completato il processo, puoi separare ciascun oggetto in una variabile separata.

---

52) Puoi aggiornare i valori degli oggetti di scena?

Non è possibile aggiornare il valore degli oggetti di scena poiché è immutabile.

---

53) Spiegare il significato di Montaggio e Smontaggio

• Il processo di collegamento dell'elemento al DCOM è chiamato montaggio.
• Il processo di distacco dell'elemento dal DCOM è chiamato processo di smontaggio.

---

54) A cosa serve la libreria 'prop-types'?

La libreria 'Prop-types' consente di eseguire il controllo del tipo di runtime per oggetti di scena e oggetti simili in un'applicazione recente.

---

55) Spiegare i ganci di reazione

Gli hook React ti consentono di utilizzare State e altre funzionalità di React senza scrivere una classe.

---

56) Cosa sono i Frammenti?

Puoi utilizzare la parola chiave Frag per raggruppare un elenco di componenti secondari senza utilizzare nodi aggiuntivi nel DOM. Per esempio :

render() {

return (
);
}

---

57) Qual è la differenza principale tra createElement e cloneElment?

• createElement viene utilizzato da react per creare elementi react.
• cloneElement viene utilizzato per clonare un elemento e passargli nuovi oggetti di scena.

---

58) Cosa sono i componenti controllati?

I componenti controllati sono componenti che controllano gli elementi di input.

---

59) Perché hai bisogno di usare props.children?

Questo props.children ti consente di passare un componente come dati ad altri componenti.

---

60) Elenca alcuni dei metodi in un pacchetto react-dom

Metodi importanti per i pacchetti react-dom sono:

• rendere()
• idrato()
• crearePortale()
• smontaComponentAtNode()
• trovaDOMNode()

---

61) Come possiamo eseguire il rendering lato server in React?

Possiamo usare il servizio di reazione per eseguire il rendering lato server.

---

62) Dichiara la differenza tra getInitialState() e costruttore()?

Se desideri creare un componente estendendo 'React. Component', il costruttore ti aiuta a inizializzare lo State. Ma, se vuoi creare utilizzando 'Reat.createClass.' allora dovresti usare "genInitiaState".

---

63) Cosa sono gli arbitri?

Ref sono un attributo degli elementi DOM. Lo scopo principale dei riferimenti è trovare facilmente gli elementi DOM.

---

64) Cos'è ComponentWillMount()

componenteWillMount() consiste nell'effettuare chiamate API una volta avviato il componente e configurare i valori nello stato. Per effettuare una chiamata API, utilizzare un HttpClient come Axios oppure possiamo utilizzare fetch() per attivare la chiamata AJAX.

---

65) Come inviare i dati in negozio?

Possiamo inviare i dati a un altro componente che dovrebbe essere basato sull'azione che memorizza il componente principale.

---

66) Come sarai in grado di gestire più azioni utilizzando Redux?

Per creare lo stesso componente in più flussi di azioni, utilizziamo la stessa funzionalità in vari moduli.

---

67) Come si possono versare i riduttori?

Possiamo distribuire i salvataggi in base alle azioni dell'evento. Tale azione dovrebbe essere suddivisa in moduli separati.

---

68) Nomina cinque prototipi predefiniti qualsiasi utilizzati in React

I prototipi più importanti utilizzati in React js sono:

• numero
• stringa
• schieramento
• oggetto
• elemento

---

69) Qual è lo scopo dell'utilizzo di bindActionsCreators?

BindActionCreator ti aiuta a associare l'evento in base al dispatcher dell'azione all'elemento HTML.

---

70) Cos'è REFS in React

Ref è un riferimento all'elemento. Dovrebbe essere evitato nella maggior parte dei casi. Tuttavia, a volte viene utilizzato quando è necessario accedere direttamente al DOM o all'istanza del componente.

---

71) L'elemento JSX può essere collegato ad altri componenti JSX?

Sì, puoi utilizzare l'associazione dell'elemento JSX con altri componenti JSX, il che è molto simile alla nidificazione degli elementi HTML.

---

72) Qual è l'attuale versione stabile di React?

L'attuale versione stabile di React è la versione 17.5

---

73) Indica una caratteristica importante delle funzionalità del flusso di lavoro Redux

Le caratteristiche importanti del flusso di lavoro Redux sono:

• Reimposta: ti aiuta a reimpostare lo stato del negozio
• Ripristina: consente di tornare all'ultimo stato impegnato
• Spazzata: tutte le azioni di disabilitazione che potresti eseguire per errore verranno rimosse
• Commit: ti aiuta a rendere lo stato corrente lo stato iniziale.

---

74) Dichiara la differenza tra React JS e React Native

React JS è una libreria JavaScript open source front-end utilizzata per la creazione di interfacce utente, mentre React Native è un framework mobile open source che consente agli sviluppatori di utilizzare React su piattaforme come Android e iOS. Queste domande dell'intervista ti aiuteranno anche nella tua viva(orale)