Want to create interactive content? It’s easy in Genially!

Get started free

React.js

LUIS CARLOS LEDESMA HERRERA

Created on March 24, 2024

Start designing with a free template

Discover more than 1500 professional designs like these:

Transcript

Referencias

Luis Carlos Ledesma Herrera

Ciclo de Vida

Reconciliación

React Hooks

Virtual DOM

JSX (JavaScript XML)

Componentes

“React simplifica el desarrollo web, ofreciendo una sintaxis intuitiva y un rendimiento excepcional.”

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.js

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/