React.js básico | Incluit 2022

¿Qué es React JS?

• Es una librería de front-end de JavaScript usada para crear interfaces de usuario.

• Es un framework para crear el front-end y back-end de una aplicación.

• Es una librería de código nativo para crear aplicaciones móviles.

• Es un framework de código abierto basado en jQuery.

¿Que es el virtual DOM?

• Es como una copia liviana del DOM que busca que los cambios - re-renders - sean más fáciles de calcular.

• Es una etapa previa del DOM antes de estar disponible para su manipulación.

• React lo utiliza para hacer el manejo de datos del servidor mas eficiente.

¿Qué es JSX?

• JSX es una forma de crear elementos HTML en React con una sintaxis muy parecida a HTML.

• Es HTML escrito del lado de Javascript.

• Es una forma de escribir Javascript con React.js.

¿Qué son los "componentes"?

• Son funciones de Javascript que permiten separar la interfaz en piezas independientes y re-utilizables.

• Son librerías con diferentes funciones que se pueden importar a las funciones de React.js para crear aplicaciones.

• Son elementos de JSX que componen la UI en React.js.

¿Los exploradores web pueden leer JSX?

• No, no pueden.

• Si, JSX es lo mismo que HTML pero desde Javascript.

• Depende de la versión del navegador.

¿Qué es el estado?

• Es el conjunto de variables cuyos cambios harán que React produzca un nuevo renderizado.

• Es la apariencia con la que una aplicación llega al usuario.

• Son los datos que React guarda en el local storage del navegador del usuario.

• Es una prop que React utiliza para optimizar el renderizado de los componentes.

¿Qué son las props?

• Son la colección de datos que un componente recibe del contenedor padre.

• Son los atributos de un elemento JSX.

• Son las variables que se definen dentro de un componente.

• Son propiedades de los elementos del DOM.

¿Que es create-react-app?

• Es un comando que instala y configura los paquetes necesarios para desarrollar apps con React.

• Una librería para crear componentes en React.

• Es un comando que nos facilita crear componentes funcionales en React.

• Es un comando de React para instalar paquetes de npm a medida que vayamos necesitando.

¿Que es y que hace Webpack?

• Es un empaquetador que, a través de create-react-app, configura un ámbito de desarrollo así como el bundle para producción.

• Es una librería de React.js que optimiza el ámbito de desarrollo y los renders de ReactDOM.

• Es un pack de componentes web que se pueden utilizar en React.

• Es la librería de React.js que traduce JSX a Javascript vanilla.

¿Por qué es necesario usar la propiedad “key” en las Listas?

• Es un identificador único que ayuda a React a determinar qué componentes o elementos se deben volver a renderizar.

• Es la forma que tiene el estado de los componentes de saber cuando renderizar los elementos.

• Es una propiedad para darle un orden a los elementos de una lista.

• Para pasar todas las props a cada elemento de un array que se está renderizando con un loop.