Que es React y Como podemos UTILIZARLO
¿Qué es React?
React es una biblioteca frontend de JavaScript de código abierto para crear interfaces de usuario, particularmente para aplicaciones de una sola página. Se usa en aplicaciones en lÃnea y móviles para administrar las capas de vista. Jordan Walke, un ingeniero de software de Facebook, es el creador de React. React se usó originalmente en 2011 en la sección de noticias de Facebook y en 2012 en Instagram.
¿Cuáles son las principales caracterÃsticas de React?
Las caracterÃsticas principales de React son:
-Utiliza VirtualDOM en lugar de RealDOM considerando que las manipulaciones de RealDOM son costosas.
- Sigue el flujo de datos unidireccional o enlace de datos.
- Utiliza componentes de interfaz de usuario reutilizables o componibles para desarrollar la vista.
¿Qué es JSX?
JSX es una extensión de sintaxis similar a XML para ECMAScript (el acrónimo significa JavaScript XML). Básicamente, solo proporciona azúcar sintáctica para la función React.createElement(), brindándonos la expresividad de JavaScript junto con la sintaxis de plantilla similar a HTML. En el siguiente ejemplo, el texto dentro de la etiqueta <h1> se devuelve como una función de JavaScript a la función de representación.
¿Qué son los accesorios en React?
Los apoyos son entradas a los componentes. Son valores únicos u objetos que contienen un conjunto de valores que se pasan a los componentes en el momento de la creación utilizando una convención de nomenclatura similar a los atributos de etiquetas HTML.
El propósito principal de los accesorios en React es proporcionar
siguiente funcionalidad del componente:
- Pasar datos personalizados a su componente.
- Activar cambios de estado.
- Usar a través de this.props.reactProp dentro del método render() del componente
¿Cuál es la diferencia entre Estado y Props?
Tanto los accesorios como el estado son objetos simples de JavaScript. Si bien ambos contienen información que influye en la salida del renderizado, son diferentes en su funcionalidad con respecto a los componentes. Los accesorios se pasan al componente de manera similar a los parámetros de la función, mientras que el estado se administra dentro del componente de manera similar a las variables declaradas dentro de una función.
¿Cuál esuso de refs?
El ref se utiliza para devolver una referencia al elemento. Deben evitarse en la mayorÃa de los casos, sin embargo, pueden ser útiles cuando necesita acceso directo a el elemento DOM o una instancia de un componente.
¿Qué es el DOM virtual?
Virtual DOM (VDOM) es una representación en memoria de Real DOM. La representación de una interfaz de usuario se mantiene en la memoria y se sincroniza con el DOM "real". Es un paso que ocurre entre la llamada a la función de representación y la visualización de los elementos en la pantalla. Todo este proceso se llama reconciliación.
¿Qué es React Fiber?
Fiber es el nuevo motor de reconciliación o reimplementación del algoritmo central en React v16. El objetivo de React Fiber es aumentar su idoneidad para áreas como animación, diseño, gestos, capacidad para pausar, cancelar o reutilizar el trabajo y asignar prioridad a diferentes tipos de actualizaciones; y nuevas primitivas de concurrencia.
Tags:
web