As 74 principais perguntas e respostas da entrevista React JS

Perguntas e respostas da entrevista de reação

Aqui estão as perguntas e respostas da entrevista do ReactJs para calouros e também para candidatos experientes para conseguir o emprego dos sonhos.

1) O que é Reactjs?

React é uma biblioteca JavaScript que facilita a construção de interfaces de usuário. Foi desenvolvido pelo Facebook.

---

2) O React usa Html?

Não, ele usa JSX, que é semelhante ao HTML.

Download gratuito de PDF: Perguntas e respostas da entrevista React

---

3) Quando o React foi lançado pela primeira vez?

React foi lançado pela primeira vez em março de 2013.

---

4) Dê-me duas desvantagens mais significativas do React

• A integração do React com a estrutura MVC como Rails requer configuração complexa.
• O React exige que os usuários tenham conhecimento sobre a integração da interface do usuário no framework MVC.

---

5) Indique a diferença entre DOM Real e DOM Virtual

DOM real	DOM Virtual
Ele é atualizado lentamente.	Ele atualiza mais rápido.
Permite uma atualização direta do HTML.	Não pode ser usado para atualizar HTML diretamente.
Desperdiça muita memória.	O consumo de memória é menor

---

6) O que é o conceito de fluxo no React?

O Facebook utiliza amplamente o conceito de arquitetura de fluxo para desenvolver aplicativos web do lado do cliente. Não se trata de um framework ou biblioteca. É simplesmente um novo tipo de arquitetura que complementa o React e o conceito de Fluxo de Dados Unidirecional.

---

7) Defina o termo Redux no React

Redux é uma biblioteca usada para desenvolvimento front-end. É um contêiner de estado para aplicativos JavaScript que deve ser usado para gerenciamento de estado de aplicativos. Você pode testar e executar uma aplicação desenvolvida com Redux em diferentes ambientes.

---

8) Qual é o recurso ‘Loja’ no Redux?

Redux possui um recurso chamado ‘Store’ que permite salvar todo o estado do aplicativo em um só lugar. Portanto, todos os estados dos seus componentes são armazenados na Loja para que você receba atualizações regulares diretamente da Loja. A árvore de estado único ajuda você a acompanhar as alterações ao longo do tempo e a depurar ou inspecionar o aplicativo.

---

9) O que é uma ação no Redux?

É uma função que retorna um objeto de ação. O tipo de ação e os dados da ação são sempre armazenados no objeto de ação. As ações podem enviar dados entre a Loja e o aplicativo de software. Todas as informações recuperadas pela Loja são produzidas pelas ações.

---

10) Cite os recursos importantes do React

Aqui estão recursos importantes do React.

• Permite que você use bibliotecas de terceiros
• Economia de tempo
• Desenvolvimento mais rápido
• Simplicidade e Combinável
• Totalmente suportado pelo Facebook.
• Estabilidade de código com vinculação de dados unidirecional
• Componentes de reação

---

11) Explique o termo componentes sem estado

Componentes sem estado são funções puras que são renderizadas com base apenas nas propriedades fornecidas a eles.

---

12) Explique o roteador React

React Router é uma biblioteca de roteamento que permite adicionar novos fluxos de tela ao seu aplicativo e também mantém o URL sincronizado com o que está sendo mostrado na página.

---

13) Quais são os pacotes de animação populares no ecossistema React?

Pacotes de animação populares no ecossistema React são

• Movimento de reação
• Grupo de Transição React

---

14) O que é brincadeira?

Jest é uma estrutura de teste de unidade JavaScript criada pelo Facebook baseada em Jasmine. Ele oferece criação automatizada de simulação e um ambiente jsdom. Também é usado como um componente de teste.

---

15) O que é despachante?

Um despachante é um hub central de aplicativo onde você receberá ações e transmitirá carga útil para retornos de chamada registrados.

---

16) O que significa função de retorno de chamada? Qual é seu propósito?

Uma função de retorno de chamada deve ser chamada quando setState terminar e o componente for renderizado novamente. Como o setState é assíncrono, é por isso que ele utiliza uma segunda função de retorno de chamada.

---

17) Explique o termo componente de alta ordem

Um componente de ordem superior, também conhecido como HOC, é uma técnica avançada para reutilizar a lógica de componentes. Não faz parte do React API, mas são um padrão que emerge da natureza composicional do React.

---

18) Explique o segmento de apresentação

Uma parte de apresentação é um segmento que permite renderizar HTML. A capacidade do segmento é de apresentação em markup.

---

19) O que são adereços no react js?

Props significam propriedades, que são uma forma de passar dados do componente pai para o componente filho. Podemos dizer que props são apenas um canal de comunicação entre componentes. Eles estão sempre se movendo do componente pai para o componente filho.

---

20) Qual é a utilidade de uma super palavra-chave no React?

A palavra-chave super ajuda você a acessar e chamar funções no pai de um objeto.

---

21) Explique o bordão de rendimento em JavaScript

A frase de efeito rendimento é utilizada para atrasar e currículo um trabalho gerador, que é conhecido como bordão de rendimento.

---

22) Cite dois tipos de componentes React

Dois tipos de componentes de reação são:

• Componente de função
• Componente de classe

---

23) Explique o evento sintético em React js

Evento sintético é um tipo de objeto que atua como um wrapper entre navegadores em torno do evento nativo do navegador. Ele também nos ajuda a combinar os comportamentos de vários navegadores na API de sinais.

---

24) O que é estado de reação?

É um objeto que decide como um componente específico é renderizado e como ele se comporta. O estado armazena as informações que podem ser alteradas durante a vida útil de um componente React.

---

25) Como você pode atualizar o estado no react js?

Um estado pode ser atualizado no componente direta ou indiretamente.

---

26) Explique o uso da função de seta no React

A função de seta ajuda a prever o comportamento de bugs quando passado como retorno de chamada. Portanto, evita bugs causados ​​por tudo isso.

---

27) Quais são as etapas do ciclo de vida do React?

Etapas importantes do ciclo de vida do React js são:

• Inicialização
• Atualizações de estado/propriedade
• A destruição é o ciclo de vida do React

---

28) Indique a principal diferença entre Prós e Estado

A principal diferença entre os dois é que o Estado é mutável e os Prós são imutáveis.

---

29) Explique componentes puros em React js

Componentes puros são os componentes mais rápidos que podem substituir qualquer componente com apenas um render(). Ajuda a aprimorar a simplicidade do código e o desempenho do aplicativo.

---

30) Que tipo de informação controla um segmento no React?

Existem basicamente dois tipos de informações que controlam um segmento: Estado e Props

• Estado: Informações estaduais que irão mudar, precisamos utilizar o Estado.
• Adereços: os adereços são definidos pelo pai e são liquidados durante toda a vida útil de uma peça.

---

31) O que é 'criar-reagir-app'?

'create-react-app' é uma ferramenta de linha de comando que permite criar um aplicativo react básico.

---

32) Explique o uso de ‘chave’ na lista de reação

As chaves permitem fornecer a cada elemento da lista uma identidade estável. As chaves devem ser exclusivas.

---

33) O que são acessórios infantis?

Os adereços filhos são usados ​​para passar componentes para outros componentes como propriedades. Você pode acessá-lo usando

{props.children}

---

34) Explique os limites do erro?

Os limites de erro ajudam você a detectar erros de Javascript em qualquer lugar dos componentes filhos. Eles são mais usados ​​para registrar o erro e mostrar uma interface de usuário substituta.

---

35) Qual a utilidade de tags vazias <> ?

Tags vazias são usadas no React para declarar fragmentos.

---

36) Explique o modo estrito

StrictMode permite executar verificações e avisos para componentes de reação. Ele é executado apenas na construção de desenvolvimento. Ajuda você a destacar os problemas sem renderizar nenhuma IU visível.

---

37) O que são portais reagidos?

Portal permite renderizar filhos em um nó DOM. Método CreatePortal é usado para isso.

---

38) O que é Contexto?

O contexto do React ajuda você a passar dados usando a árvore de componentes do React. Ajuda você a compartilhar dados globalmente entre vários componentes de reação.

---

39) Qual a utilidade do Webpack?

O Webpack é basicamente um construtor de módulos. É executado principalmente durante o processo de desenvolvimento.

---

40) O que é Babel no React js?

Babel, é um compilador JavaScript que converte o JavaScript mais recente, como ES6, ES7, em JavaScript ES5 antigo e simples que a maioria dos navegadores entende.

---

41) Como um navegador pode ler um arquivo JSX?

Se você deseja que o navegador leia JSX, esse arquivo JSX deve ser substituído usando um transformador JSX como o Babel e depois enviado de volta ao navegador.

---

42) Quais são os principais problemas do uso da arquitetura MVC no React?

Aqui estão os principais desafios que você enfrentará ao lidar com a arquitetura MVC:

• O manuseio de DOM é bastante caro
• Na maioria das vezes, os aplicativos eram lentos e ineficientes
• Por causa das funções circulares, um modelo complexo foi criado em torno de modelos e ideias

---

43) O que pode ser feito quando existe mais de uma linha de expressão?

Nesse momento, uma expressão JSX multilinha é a única opção que resta para você.

---

44) Qual é a redução?

A redução é um método de aplicação de tratamento de estado.

---

45) Explique o termo eventos sintéticos

Na verdade, é um wrapper entre navegadores em torno do evento nativo do navegador. Esses eventos possuem interface stopPropagation() e preventDefault().

---

46) Quando você deve usar os elementos de primeira classe para o elemento de função?

Se o seu elemento tiver um estágio ou ciclo de vida, devemos usar elementos de primeira classe.

---

47) Como você pode compartilhar um elemento na análise?

Usando o Estado, podemos compartilhar os dados.

---

48) Explique o termo reconciliação

Quando o estado ou os adereços de um componente mudam, rest comparará o elemento renderizado com o DOM renderizado anteriormente e atualizará o DOM real se for necessário. Este processo é conhecido como reconciliação.

---

49) Como você pode renderizar novamente um componente sem usar a função setState()?

Você pode usar a função forceUpdate() para renderizar novamente qualquer componente.

---

50) Você pode atualizar adereços em reação?

Você não pode atualizar adereços no react js porque os adereços são somente leitura. Além disso, você não pode modificar os acessórios recebidos de pai para filho.

---

51) Explique o termo 'Reestruturação'.

Reestruturação é processo de extração de ordem objetos. Assim que o processo for concluído, você poderá separar cada objeto em uma variável separada.

---

52) Você pode atualizar os valores dos adereços?

Não é possível atualizar o valor dos adereços porque é imutável.

---

53) Explique o significado de Montagem e Desmontagem

• O processo de fixação do elemento ao DCOM é denominado montagem.
• O processo de desmontagem do elemento do DCOM é denominado processo de desmontagem.

---

54) Qual é a utilidade da biblioteca 'prop-types'?

A biblioteca 'Prop-types' permite que você execute a verificação de tipo em tempo de execução para props e objetos semelhantes em um aplicativo recente.

---

55) Explique os ganchos de reação

Os ganchos do React permitem que você use o State e outros recursos do React sem escrever uma classe.

---

56) O que são fragmentos?

Você pode usar a palavra-chave fragment para agrupar uma lista de componentes filhos sem usar nós extras no DOM. Por exemplo :

render() {

return (
);
}

---

57) Qual é a principal diferença entre createElement e cloneElment?

• createElement é usado pelo react para criar elementos react.
• cloneElement é usado para clonar um elemento e passar novos adereços para ele.

---

58) O que são componentes controlados?

Componentes controlados são componentes que controlam os elementos de entrada.

---

59) Por que você precisa usar props.children?

Este props.children permite que você passe um componente como dados para outros componentes.

---

60) Liste alguns dos métodos em um pacote react-dom

Métodos importantes para pacotes react-dom são:

• render ()
• hidrato()
• criarPortal()
• desmontarComponentAtNode()
• encontrarDOMNode()

---

61) Como podemos fazer a renderização do lado do servidor no React?

Podemos usar o react serve para fazer a renderização do lado do servidor.

---

62) Indique a diferença entre getInitialState() e construtor()?

Se você deseja criar um componente estendendo 'React. Component', o construtor ajuda você a inicializar o Estado. Mas, se você quiser criar usando 'Reat.createClass.' então você deve usar 'genInitiaState'.

---

63) O que são árbitros?

Ref são um atributo dos elementos DOM. O objetivo principal das referências é encontrar facilmente os elementos DOM.

---

64) O que é ComponentWillMount()

componentWillMount() serve para fazer chamadas de API assim que o componente for iniciado e configurar os valores no estado. Para fazer uma chamada de API, use um HttpClient como Axios, ou podemos usar fetch() para acionar a chamada AJAX.

---

65) Como enviar os dados na loja?

Podemos despachar os dados para outro componente que deve ser baseado na ação que armazena o componente pai.

---

66) Como você conseguirá lidar com mais ações usando redux?

Para criar o mesmo componente em mais fluxo de ação, estamos usando a mesma funcionalidade em vários módulos.

---

67) Como você pode derramar os redutores?

Podemos divulgar os resgates com base nas ações do evento. Essa acção deverá ser dividida em módulos separados.

---

68) Cite quaisquer cinco protótipos predefinidos usados ​​no React

Os protótipos mais importantes usados ​​​​no React js são:

• número
• corda
• ordem
• objeto
• elemento

---

69) Qual é o propósito de usar bindActionsCreators?

BindActionCreator ajuda você a vincular o evento com base no despachante de ação ao elemento HTML.

---

70) O que é REFS no React

Ref é uma referência ao elemento. Deve ser evitado na maioria dos casos. No entanto, às vezes é usado quando você precisa acessar o DOM ou a instância do componente diretamente.

---

71) O elemento JSX pode ser anexado a outros componentes JSX?

Sim, você pode usar anexar elemento JSX com outros componentes JSX, o que é muito semelhante ao aninhamento de elementos HTML.

---

72) Qual é a versão estável atual do React?

A versão estável atual do React é a versão 17.5

---

73) Cite um recurso importante dos recursos de fluxo de trabalho Redux

Recursos importantes do fluxo de trabalho Redux são:

• Redefinir: ajuda você a redefinir o estado da loja
• Reverter: permite reverter para o último estado confirmado
• Varredura: todas as ações de desativação que você possa disparar por engano serão removidas
• Commit: ajuda você a tornar o estado atual o estado inicial.

---

74) Indique a diferença entre React JS e React Native

React JS é uma biblioteca JavaScript de código aberto front-end usada para construir UIs, enquanto React Native é uma estrutura móvel de código aberto que permite aos desenvolvedores usar o React em plataformas como Android e iOS. Essas perguntas da entrevista também ajudarão em sua viva (oral)