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? Es más sencillo construir aplicaciones web dinámicas con React, ya que proporciona menos codificación y más funcionalidad, pero con las aplicaciones de JavaScript, el código tiende a complicarse muy rápido. Aplicaciones web más rápidas debido al uso de DOM virtual en aplicaciones React. En lugar de actualizar todos los componentes en el DOM real, el DOM virtual analiza su estado anterior y actualiza solo aquellos componentes que han cambiado. Para decirlo de otra manera, los componentes básicos de cada proyecto de React se pueden reutilizar creando otros nuevos usando componentes. Para ahorrar tiempo de desarrollo, estos componentes preconstruidos contienen cada uno su propia lógica y controles que pueden compartirse en todo el programa como un todo. Hay un flujo de datos unidireccional a través de React, que es solo una dirección. Como resultado, comúnmente superponemos componentes secundarios dentro de sus componentes principales en el proceso de diseño de una aplicación React. También es más sencillo solucionar fallas, ya que los datos viajan en un solo canal, lo que facilita identificar dónde está el problema en una aplicación. Facebook ha publicado un complemento de navegador que nos permite depurar aplicaciones React más fácilmente. La depuración de aplicaciones web React ahora es más rápida y sencilla gracias a esta mejora. 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 . Esto se puede ver en el siguiente código: applyMiddleware() 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? React Hook permite que las variables de estado se usen en componentes funcionales. Este enfoque es excelente para manipular/controlar dinámicamente el DOM. useState() El método es el segundo parámetro de , que devuelve una tupla con count como primer argumento y el método setCounter como segundo. SetCounter UseState(0) .. const [count, setCounter] = useState(0); const [otherStuffs, setOtherStuffs] = useState(..); .. const setCount = () => { setCounter(count + 1); setOtherStuffs(..); .. }; Para actualizar el conteo, use el método en cualquier lugar. En este ejemplo, se utiliza en el método , 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. setCounter() SetCounter() setCount 4. ¿Es útil el gancho useEffect? React Hook puede usarse para generar efectos secundarios en componentes funcionales. Puede usar 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. useEffect useEffect 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 se habilita automáticamente después del primer procesamiento del componente y cada actualización posterior. Al finalizar, el DOM habrá sido modificado. useEffect Ganchos para React. Es posible con dos argumentos: useEffect 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. se invocará siempre que cambien las dependencias entre las representaciones. useEffect() 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, ahora contiene una devolución de llamada para actualizar los títulos de los documentos (). useEffect 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 puede usarse para almacenar en caché tales procedimientos. Solo cuando sea absolutamente esencial se debe usar el método intensivo de CPU . useMemo() 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.

Flow

Facebook

2022 - HackerNoon Contributor of the Year - Coding Skills

2022 - HackerNoon Contributor of the Year - Frontend

2022 - HackerNoon Contributor of the Year - Hiring

2022 - HackerNoon Contributor of the Year - Javascript

2022 - HackerNoon Contributor of the Year - React

Nominated for 2022 - HackerNoon Contributor of the Year - React

Nominated for 2022 - HackerNoon Contributor of the Year - Frontend

Nominated for 2022 - HackerNoon Contributor of the Year - Coding Skills

Nominated for 2022 - HackerNoon Contributor of the Year - Javascript

Nominated for 2022 - HackerNoon Contributor of the Year - Hiring

Este audio es producido en el idioma original de la historia!

Demasiado Largo; Para Leer

Las 5 preguntas principales de la entrevista React en 2022

Las 5 preguntas principales de la entrevista React en 2022

Demasiado Largo; Para Leer

Company Mentioned

Coin Mentioned

@michaelpautov

HISTORIAS RELACIONADAS