MAS PREGUNTAS Y RESPUESTAS SOBRE REACT

Vista previa del material en texto

MAS PREGUNTAS Y RESPUESTAS SOBRE REACT 
 
1. ¿Qué es un componente controlado en React? 
 Un componente controlado en React es aquel en el que el valor de sus elementos de entrada 
(como `<input>` o `<select>`) es controlado por el estado del componente. Cada vez que el usuario 
interactúa con el elemento, se actualiza el estado y, a su vez, el valor del elemento en la interfaz. 
 
2. ¿Qué son los eventos sintéticos (Synthetic Events) en React? 
 Los eventos sintéticos son una abstracción de eventos nativos del navegador que React 
proporciona para manejar eventos de manera consistente en diferentes navegadores. Estos eventos 
son una capa de abstracción para trabajar con eventos en la interfaz de usuario. 
 
3. ¿Cómo se realiza el renderizado condicional en React? 
 El renderizado condicional en React se realiza utilizando expresiones condicionales, operadores 
ternarios o el uso de bloques `if` dentro del método `render()` para decidir qué elementos se 
renderizarán en función de ciertas condiciones. 
 
4. ¿Qué son las props en React? 
 Las props son objetos que contienen información que se pasa desde un componente padre a un 
componente hijo. Las props son de solo lectura en el componente hijo y se utilizan para comunicar 
datos entre componentes. 
 
5. ¿Qué es un fragmento (Fragment) en React? 
 Un Fragment es una característica de React que permite agrupar múltiples elementos hijos sin 
añadir nodos adicionales al DOM. Ayuda a evitar la necesidad de agregar divs innecesarios en el 
código JSX. 
 
6. ¿Cuál es la importancia de la clave (key) en las listas de elementos en React? 
 La clave (key) es un atributo especial que se utiliza en listas de elementos para ayudar a React a 
identificar los elementos de manera única y mejorar la eficiencia de la actualización del DOM cuando 
se realiza una operación de agregar, modificar o eliminar elementos en una lista. 
 
7. ¿Qué son los Portales (Portals) en React? 
 Los Portales en React permiten renderizar componentes hijos en un nodo DOM diferente al nodo 
raíz de la aplicación. Esto es útil para renderizar componentes fuera de la jerarquía de elementos 
principal y, por ejemplo, crear elementos modales o superposiciones. 
 
8. ¿Cómo se realiza la comunicación entre componentes en React? 
 La comunicación entre componentes en React se puede realizar a través de props (comunicación 
de padre a hijo), callbacks (comunicación de hijo a padre), context API (comunicación global) o 
utilizando librerías de manejo de estados como Redux. 
 
9. ¿Qué es el código asíncrono en React y cómo se maneja? 
 El código asíncrono en React se refiere a operaciones que toman tiempo en ejecutarse, como 
llamadas a API o tareas de carga de datos. Se puede manejar utilizando async/await, Promises o la 
función `componentDidMount()` en componentes de clase para cargar datos asíncronamente. 
 
10. ¿Qué es la reconciliación en React? 
 La reconciliación en React es el proceso por el cual React compara el estado actual de los 
componentes con la representación virtual del DOM y realiza las actualizaciones mínimas necesarias 
para reflejar los cambios en la interfaz de usuario.