React

¿Qué es React?. Un lenguaje de programación. Un marco de trabajo para aplicaciones móviles. Una biblioteca de JavaScript para construir interfaces de usuario. Un sistema de gestión de bases de datos.

¿Cuáles son las características principales de React?. Basado en componentes, unidireccional, y utiliza AJAX. Declarativo, basado en componentes, y unidireccional. Orientado a objetos, utiliza jQuery, y basado en modelos. Procedural, declarativo, y soporta Python.

¿Qué significa exactamente que sea declarativo?. Que describe cómo obtener un resultado sin detallar los pasos. Que sigue el paradigma orientado a objetos. Que se utiliza para declarar variables globales. Que es compatible con todas las bases de datos.

¿Qué es un componente?. Un módulo de CSS. Una clase en JavaScript. Una pieza reutilizable de la interfaz de usuario en React. Un archivo HTML.

¿Qué es JSX?. Un lenguaje de programación. Una extensión de JavaScript que permite escribir HTML en archivos JavaScript. Una biblioteca de CSS para estilizar componentes. Un sistema de gestión de bases de datos.

¿Cómo se transforma el JSX?. Mediante un compilador C++. Con el navegador web. Usando Babel para convertirlo en JavaScript puro. Utilizando jQuery.

¿Cuál es la diferencia entre componente y elemento en React?. Un componente es una función o clase, un elemento es una instancia de un componente. No hay diferencia, son lo mismo. Un componente es un archivo HTML, un elemento es un archivo CSS. Un componente es una función, un elemento es un objeto de JavaScript.

¿Cómo crear un componente en React?. Definiendo una variable en CSS. Usando la función createComponent. Con una función o clase en JavaScript que retorna JSX. Definiendo un archivo HTML.

¿Qué son las props en React?. Variables globales de la aplicación. Propiedades pasadas a componentes para personalizarlos. Métodos que se utilizan dentro de los componentes. Estilos CSS para los componentes.

¿Qué es y para qué sirve la prop children en React?. Para definir subcomponentes. Para pasar funciones entre componentes. Para representar elementos hijos dentro de un componente. Para aplicar estilos CSS.

¿Qué diferencia hay entre props y state?. Las props son estáticas, el state es dinámico. Las props se pasan entre componentes, el state es interno de un componente. Las props son para CSS, el state es para datos. No hay diferencia.

¿Se puede inicializar un estado con el valor de una prop? ¿Qué pasa si lo haces y qué hay que tener en cuenta?. No, nunca se puede. Sí, pero el estado no se actualizará si la prop cambia. Sí, y el estado se actualizará automáticamente con las props. No, las props y el state son independientes.

¿Qué es el renderizado condicional en React?. Renderizar solo componentes CSS. Cambiar los estilos de un componente en función del estado. Renderizar componentes o elementos basados en una condición. Actualizar la base de datos según una condición.

¿Cómo puedes aplicar clases CSS a un componente en React y por qué no se puede usar class?. Usando className porque class es una palabra reservada en JavaScript. Usando cssClass porque class es una palabra reservada en React. Usando class como en HTML. No se pueden aplicar clases CSS a componentes en React.

¿Cómo puedes aplicar estilos en línea a un componente en React?. Usando style con una cadena de texto. Usando style con un objeto JavaScript. Usando inlineStyle con un archivo CSS. No se pueden aplicar estilos en línea en React.

¿Cómo puedo aplicar estilos de forma condicional a un componente en React?. Usando la función conditionalStyle. Con el operador ternario o una expresión condicional en className o style. Aplicando estilos directamente en el archivo CSS. Usando jQuery.

¿Qué es el renderizado de listas en React?. Renderizar componentes solo en listas HTML. Renderizar una lista de componentes a partir de un array de datos. Renderizar una lista de estilos CSS. Renderizar solo elementos de formulario.

¿Cómo puedes escribir comentarios en React?. Usando // en cualquier parte del código. Usando {/* comentario */} dentro del JSX. Usando <!-- comentario --> como en HTML. No se pueden escribir comentarios en React.

¿Cómo añadir un evento a un componente en React?. Usando addEventListener como en JavaScript puro. Usando atributos de evento como onClick, onChange, etc. en JSX. Usando eventHandler en el componente. No se pueden añadir eventos en React.

¿Cómo puedo pasar un parámetro a una función que maneja un evento en React?. No se pueden pasar parámetros. Usando una función anónima o bind en el atributo del evento. Usando eventParam en el JSX. Pasando directamente el parámetro en el JSX.

¿Qué es el estado en React?. Un archivo CSS. Un objeto que almacena datos dinámicos y controla el comportamiento de un componente. Una base de datos interna de React. Un módulo de JavaScript.

¿Qué son los hooks?. Funciones especiales que permiten usar el estado y otras características de React en componentes funcionales. Métodos de ciclo de vida de los componentes de clase. Estilos CSS en línea. Archivos JavaScript externos.

¿Qué hace el hook useState?. Define estilos CSS. Permite manejar el ciclo de vida de un componente. Permite agregar estado a un componente funcional. Conecta el componente a una base de datos.

¿Qué significa la expresión "subir el estado"?. Mover el estado a un componente superior para compartirlo entre componentes. Guardar el estado en una base de datos. Transformar el estado en una prop. Incrementar el valor del estado.

¿Qué hace el hook useEffect?. Permite crear componentes de clase. Permite realizar efectos secundarios en componentes funcionales. Permite definir estilos CSS. Permite manejar eventos de formularios.

Cómo suscribirse a un evento en useEffect. Definiendo una función eventListener. Usando addEventListener dentro de useEffect y limpiándolo en el retorno. Usando subscribeEvent. No se pueden suscribir eventos en useEffect.

¿Qué hace el hook useId?. Genera un identificador único para un componente. Conecta el componente a una base de datos. Define el id de un elemento HTML. Genera una lista de elementos.

¿Cómo podemos ejecutar código cuando el componente se monta?. Usando componentDidMount en componentes de clase y useEffect en componentes funcionales. Usando onMount. Definiendo una variable global. No se puede ejecutar código al montar el componente.

¿Qué son los Fragments en React?. Componentes que se usan para estilizar. Componentes que permiten agrupar otros componentes sin añadir elementos extra al DOM. Componentes que manejan el estado. Componentes que se conectan a una base de datos.

¿Por qué es recomendable usar Fragment en vez de un div?. Porque permite aplicar estilos CSS. Porque no añade elementos adicionales al DOM, evitando problemas de CSS y estructura. Porque es más rápido de escribir. Porque permite manejar el estado.

¿Qué es el Compound Components Pattern?. Un patrón para definir estilos CSS. Un patrón para crear componentes que funcionan juntos como una unidad. Un patrón para conectar componentes a una base de datos. Un patrón para definir el estado de los componentes.

¿Cómo puedes inicializar un proyecto de React desde cero?. Usando npm init react-app. Usando create-react-app. Usando start-react-project. Definiendo un archivo HTML.

¿Qué es React DOM?. Un lenguaje de programación. Una biblioteca que permite interactuar con el DOM en aplicaciones React. Un sistema de gestión de bases de datos. Un módulo de CSS.

¿Qué JavaScript necesito para aprender React?. JavaScript básico y moderno (ES6+). Solo JavaScript básico. Solo jQuery. Solo Node.js.

JavaScript que necesitas para aprender React. Sintaxis básica de JavaScript. Sintaxis moderna de JavaScript (ES6+), como módulos, desestructuración, y funciones flecha. JavaScript orientado a objetos. JavaScript para backend.

EcmaScript Modules o ESModules. Una especificación de cómo debe funcionar JavaScript en el navegador. Una forma de importar y exportar código en JavaScript moderno. Un sistema de gestión de bases de datos. Un nuevo lenguaje de programación.

Operador condicional (ternario). Una forma de declarar variables. Una forma de definir funciones. Una forma abreviada de escribir condiciones en JavaScript. Una forma de definir estilos CSS.

Funciones flecha o Arrow Functions. Una forma de escribir funciones anónimas más concisas y con un this léxico. Una forma de definir variables. Una forma de crear clases en JavaScript. Una forma de escribir bucles.

Parámetros predeterminados (default values). Valores que se usan en CSS por defecto. Valores que se asignan a los parámetros de una función si no se pasan argumentos. Valores que se usan en bases de datos. Valores que se usan en archivos HTML.

Template Literals. Una forma de definir clases. Una forma de escribir cadenas de texto con interpolación en JavaScript. Una forma de importar módulos. Una forma de escribir estilos CSS.

Propiedades abreviadas. Una forma de escribir funciones. Una forma de definir propiedades de objetos en JavaScript de manera concisa. Una forma de importar módulos. Una forma de definir variables globales.

La desestructuración. Una forma de definir clases. Una forma de extraer valores de arrays o propiedades de objetos en variables distintas. Una forma de escribir funciones. Una forma de definir módulos.

Métodos de Array. Funciones específicas que se aplican a cadenas de texto. Funciones específicas para manipular arrays, como map, filter, reduce. Funciones para definir variables globales. Funciones para importar módulos.

Sintaxis Spread. Una forma de escribir bucles. Una forma de copiar arrays o objetos, o combinar arrays u objetos en JavaScript. Una forma de definir funciones. Una forma de escribir condiciones.

Operador Rest. Una forma de combinar arrays. Una forma de representar un número indefinido de argumentos como un array. Una forma de definir clases. Una forma de importar módulos.

Encadenamiento opcional (Optional Chaining). Una forma de escribir bucles. Una forma de acceder a propiedades anidadas de objetos sin causar errores si una propiedad intermedia es null o undefined. Una forma de definir funciones. Una forma de importar módulos.