Teoría sobre ciclos de vida en ReactJS

Clase 17 de 33 • Curso Profesional de React.js 2017

Francisco Eris

student•

apuntes:
Ciclo de vida de los componentes
, hay 3 etapas

Mounting -> se monta en el dom
Updating -> se actualiza el componente
Unmounting -> se quita el componente del dom

Funciones de React

- componenteWillMount() -> Se ejecuta antes del dom el componente
- componenteDidMount() -> Nos permite integrar librerias con terceros
- componentWillReceiveProps()-> cuando va a cambiar las props
- shouldComponentUpdate()-> ns permite incrementar la performance, nos permite controlar el render de los componentes
- componentWillUpdate()
- componentDidUpdate() -> para operar lo nuevo del dom
- componentWillUnmount() -> limpiar componentes para liberar memoria

Mixins

Compartir funcionalidades que tienen en comun distintos componentes, ademas reutilizar la logica de otros componentes y poder ejecutarlos de forma secuencial.

Stefany Zapata Naranjo

student•

El metodo setState() lo que haces es pasarle un objeto con las nuevas propiedades.
Lo que hace react es agarrar ese objeto y mezclarlo con las propiedades anteriores que ya tenia, esto va a definir el nuevo state.

- No es recomendable que nuestros components tengan todos state, lo ideal es que los components que estan mas arriba sean los que tengan state y los que estan mas abajo utilizen las props que nosotros le pasamos.

Johan Fuentes

student•

Falla mucho el vídeo, y no solo en este curso en todos me esta pasando. Lo he usado en dos sitios con anchos de banda diferentes.

Alexander Jorge Choy Arroyo

student•

El estado inicial de un component no se define mediante getInitialState() ? agradecería que lo confirmen ya que en el video indican que se inicia con setInitialState(). Gracias.

JUAN EMANUELL PAREDES MAAS

student•

Que tal, uno setea(setInitialState()) el valor y el otro obtiene(getInitialState) el valor establecido(seteado).
Saludos.

Johan Fuentes

student•

Falla mucho el vídeo, y no solo en este curso en todos me esta pasando. Lo he usado en dos sitios con anchos de banda diferentes.

Ruperto Coronado

student•

A mi me pasa a veces. En Firefox me pasaba que la imagen se congelaba y el audio continuaba. Luego probé en Chrome y hasta el momento va bien, habrá que seguir probando. Por cierto en Firefox el Server B no me funciona bien, mientras que en Chrome no tengo problemas.
(PD: Amo a Firefox mas que a Chrome, pero por esta ocasión va ganando Chrome)

JUAN EMANUELL PAREDES MAAS

student•

Es curioso que los Mixins aparentemente se autoejecutan al declararlos en el componente. ¿Como le haría si necesitara que se ejecuten en un método especifico?

JUAN SEBASTIAN RUIZ VILLA Villa

student•

pregunta, si deseo construir una aplicacion usando react y la ui materialize, esta muy mal visto la carga de jquery junto a react? dado que jquery modificad directamente el dom, me surgió esta pregunta

Jeison Higuita

student•

exciste esto: https://github.com/react-materialize/react-materialize