馃嚜馃嚫 Curso Completo de React

Curso Completo de React

React

Language : espa帽ol

Note: ?? / 5.0

Description

React (tambi茅n llamada React.js o ReactJS) es una biblioteca Javascript de c贸digo abierto dise帽ada para crear interfaces de usuario con el objetivo de facilitar el desarrollo de aplicaciones en una sola p谩gina. Es mantenido por Facebook y la comunidad de software libre. En el proyecto hay m谩s de mil desarrolladores libres.

React intenta ayudar a los desarrolladores a construir aplicaciones que usan datos que cambian todo el tiempo. Su objetivo es ser sencillo, declarativo y f谩cil de combinar. React s贸lo maneja la interfaz de usuario en una aplicaci贸n; React es la Vista en un contexto en el que se use el patr贸n MVC (Modelo-Vista-Controlador) o MVVM (Modelo-vista-modelo de vista). Tambi茅n puede ser utilizado con las extensiones de React-based que se encargan de las partes no-UI (que no forman parte de la interfaz de usuario) de una aplicaci贸n web.

Seg煤n el servicio de an谩lisis JavaScript (en ingl茅s “JavaScript analytics service”), Libscore, React actualmente est谩 siendo utilizado en las p谩ginas principales de Imgur, Bleacher Informe, Feedly, Airbnb, SeatGeek, HelloSign, entre otras.

Virtual DOM[editar]

React mantiene un virtual DOM propio, en lugar de confiar solamente en el DOM del navegador. Esto deja a la biblioteca determinar qu茅 partes del DOM han cambiado comparando contenidos entre la versi贸n nueva y la almacenada en el virtual DOM, y utilizando el resultado para determinar c贸mo actualizar eficientemente el DOM del navegador.4鈥5鈥婸ropiedades (props) de react.

Las propiedades[editar]

Las propiedades (tambi茅n conocidas como ‘props’) pueden definirse como los atributos de configuraci贸n para dicho componente. 脡stas son recibidas desde un nivel superior, normalmente al realizar la instancia del componente y por definici贸n son inmutables.

El Estado[editar]

El estado de un componente se define como una representaci贸n del mismo en un momento concreto, es decir, una instant谩nea del propio componente. Existen dos tipos de componentes con y sin estado, denominados statefull y stateless.

Ciclos de vida[editar]

El ciclo de vida es una serie de estados por los cuales pasan los componentes statefull a lo largo de su existencia. Se pueden clasificar en tres etapas de montaje o inicializaci贸n, actualizaci贸n y destrucci贸n. Dichas etapas tienen correspondencia en diversos m茅todos.

  • shouldComponentUpdate permite al desarrollador prevenir el re-renderizado innecesario de un componente, devolviendo falso si no es necesario.

  • componentDidMount es llamado una vez que el componente es “montado” (el componente ha sido creado en la interfaz de usuario, usualmente asoci谩ndolo con el nodo del DOM). Esto es com煤nmente usado para provocar la carga de datos desde una fuente remota a trav茅s de una API.

  • componentWillUnmount es llamado inmediatamente antes de que el componente es “desmontado”. Es com煤nmente usado para limpiar la demanda de dependencias del componente que no ser谩 simplemente removido con el desmontaje del componente.

  • render es el m茅todo m谩s importante de los ciclos de vida y el 煤nico requerido en cualquier componente. Es usualmente llamado cada vez que el estado del componente es actualizado, reflejando los cambios en la interfaz de usuario.

Related Posts

Ads Blocker Image Powered by Code Help Pro
Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker or add this website to your whitelist.

Refresh