Want to make creations as awesome as this one?

More creations to inspire you

LIZZO

Horizontal infographics

BEYONCÉ

Horizontal infographics

ONE MINUTE ON THE INTERNET

Horizontal infographics

SITTING BULL

Horizontal infographics

RUGBY WORLD CUP 2019

Horizontal infographics

GRETA THUNBERG

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/