React.js
LUIS CARLOS LEDESMA HERRERA
Created on March 24, 2024
More creations to inspire you
BEYONCÉ
Horizontal infographics
DEMOCRATIC CANDIDATES NOV DEBATE
Horizontal infographics
ONE MINUTE ON THE INTERNET
Horizontal infographics
SITTING BULL
Horizontal infographics
RUGBY WORLD CUP 2019
Horizontal infographics
GRETA THUNBERG
Horizontal infographics
FIRE FIGHTER
Horizontal infographics
Transcript
REACT.js
Estas son algunas de las características y elementos más destacados de React.js, que hacen que sea una herramienta popular y poderosa para el desarrollo de aplicaciones web modernas.
“React simplifica el desarrollo web, ofreciendo una sintaxis intuitiva y un rendimiento excepcional.”
Componentes
JSX (JavaScript XML)
Virtual DOM
React Hooks
Reconciliación
Ciclo de Vida
Luis Carlos Ledesma Herrera
Referencias
React.js se basa en el concepto de componentes, que son unidades independientes y reutilizables de la interfaz de usuario. Estos componentes pueden ser tanto funcionales como basados en clases.
React realiza una comparación entre el Virtual DOM actual y su versión anterior para identificar los cambios y actualizar solo las partes necesarias de la interfaz de usuario. Esto se conoce como reconciliación y contribuye a mejorar el rendimiento de la aplicación.
Los componentes en React pasan por diferentes etapas durante su ciclo de vida, como el montaje, actualización y desmontaje. React proporciona métodos específicos que se ejecutan en cada etapa del ciclo de vida, lo que permite realizar acciones específicas en cada momento.
Los React Hooks son una característica introducida en React 16.8 que permite a los desarrolladores agregar estado y otras características a los componentes funcionales sin necesidad de escribir clases. Algunos de los hooks más comunes incluyen useState y useEffect.
React utiliza un Virtual DOM para mejorar el rendimiento de las aplicaciones web. El Virtual DOM es una representación ligera de la estructura del DOM real y permite actualizaciones eficientes de la interfaz de usuario.
JSX es una extensión de JavaScript que permite escribir HTML dentro de archivos JavaScript. Facilita la creación de estructuras de interfaz de usuario de manera más intuitiva y legible.
Referencias:Facebook (2022) React.js. Getting started. Menlo Park, California, EUA. https://es.reactjs.org/docs/getting-started.html Tania Rascia (2018) React Tutorial: An Overview and Walkthrough. Chicago, EUA. https://www.taniarascia.com/getting-started-with-react/