Las 5 preguntas principales de la entrevista React en 2022

En estos días, el término "reaccionar" se usa mucho en el negocio. Cuando se trata de desarrollo front-end, ReactJS es la opción más popular, y esta lección sobre cómo responder las preguntas de la entrevista de ReactJS lo ayudará a conseguir el trabajo.

A continuación se enumeran las preguntas de entrevista de ReactJS más solicitadas, desde las más básicas hasta las más complicadas.

Aquí se muestran cinco preguntas frecuentes de la entrevista de React:

1. En lugar de Angular, ¿por qué no usar React en su lugar?

2. ¿Para qué sirven los thunks redux?

Con el procesador Redux, puede crear creadores de acciones que devuelvan funciones en lugar de acciones. Una acción se puede retrasar hasta que se cumpla una determinada condición utilizando la función de retraso. Puede pasar los dos métodos de almacenamiento getState y enviar a la función interna.

Primero debe usar el método applyMiddleware() . Esto se puede ver en el siguiente código:

 import{ createStore, applyMiddleware } from 'redux'; import thunk from 'redux-thunk'; import rootReducer from './reducers/index'; const store = createStore( rootReducer, applyMiddleware(thunk) );

3. ¿Qué hace useState() en React?

useState() React Hook permite que las variables de estado se usen en componentes funcionales. Este enfoque es excelente para manipular/controlar dinámicamente el DOM.

El método SetCounter es el segundo parámetro de UseState(0) , que devuelve una tupla con count como primer argumento y el método setCounter como segundo.

 .. const [count, setCounter] = useState(0); const [otherStuffs, setOtherStuffs] = useState(..); .. const setCount = () => { setCounter(count + 1); setOtherStuffs(..); .. };

Para actualizar el conteo, use el método setCounter() en cualquier lugar. En este ejemplo, SetCounter() se utiliza en el método setCount , donde se pueden realizar una variedad de acciones diferentes. Cuando utilizamos ganchos, podemos hacer que nuestro código sea más útil y evitar la necesidad de componentes basados en clases si no son absolutamente esenciales.

4. ¿Es útil el gancho useEffect?

useEffect React Hook puede usarse para generar efectos secundarios en componentes funcionales. Puede usar useEffect para informar a React que su componente requiere que suceda algo después de que se haya renderizado o después de un cambio de estado.

React recordará y ejecutará la función que le proporcionó tan pronto como se complete el rendimiento de la actualización DOM (también conocido como "efecto"). Además de actualizar el título de la página, esta función también se puede utilizar para obtener datos del servidor web.

El useEffect se habilita automáticamente después del primer procesamiento del componente y cada actualización posterior. Al finalizar, el DOM habrá sido modificado.

Ganchos para React. Es posible useEffect con dos argumentos:

useEffect(callback[, dependencies]);

La devolución de llamada 1 representa la función que contiene la lógica de efectos secundarios, que se llama inmediatamente después de que se aplican los cambios de DOM. La matriz de dependientes del segundo parámetro puede ser lo que usted quiera que sea. useEffect() se invocará siempre que cambien las dependencias entre las representaciones.

 import { useEffect } from 'react'; function WelcomeGreetings({ name }) { const msg = `Hi, ${name}!`; useEffect(() => { document.title = `Welcome to you ${name}`; }, [name]); return <div>{msg}</div>; }

Un efecto secundario es cualquier cosa que sucede como resultado del código anterior pero que no es directamente responsable de ello. En consecuencia, useEffect ahora contiene una devolución de llamada para actualizar los títulos de los documentos ().

Es posible que deba especificar el nombre como una dependencia de efecto para useEffect si desea evitar un cambio de título del documento en la presentación del componente WelcomeGreetings cada vez useEffect(callback, [name])

5. Describa algunas técnicas para acelerar una aplicación React

Echar un vistazo a algunas estrategias para acelerar un proyecto React es un buen lugar para comenzar.

• Usando la función useMemo ()

  • Este enlace de React se puede usar para almacenar en caché tareas que requieren un uso intensivo de la CPU.

  • Para ciertas aplicaciones React, el uso continuo de funciones intensivas de CPU puede resultar

    en el renderizado retrasado cuando se vuelve a renderizar un componente. El gancho useMemo() puede usarse para almacenar en caché tales procedimientos. Solo cuando sea absolutamente esencial se debe usar el método intensivo de CPU useMemo() .

• Mantener un estado cooperativo

  • Desea que el estado esté lo más cerca posible de la ubicación deseada.

  • El componente principal de las aplicaciones React puede incluir una gran cantidad de estados redundantes, lo que dificulta la comprensión y el manejo del código. cuando hay

    muchos estados en un solo componente, todo se vuelve a renderizar.

  • Es mejor segregar los estados que no son críticos para el componente principal.

• Vamos a deshacernos de la carga lenta.
  • Acelerar el inicio de una aplicación React usando esta técnica. La carga diferida reduce al mínimo el riesgo de problemas de rendimiento de la aplicación web.