Qué es un componente en React y cómo funciona

Ciclo de vida de React

Los componentes y su ciclo de vida existen en los 3 grandes frameworks (en grandes rasgos todos nacen, cambian y mueren)

• Vue 💚:
  

  
  https://es.vuejs.org/v2/guide/instance.html#Diagrama-del-Ciclo-de-vida

• Svelte 🧡:
  https://svelte.dev/docs#Run_time

• Angular 💓:
  

  
  https://medium.com/angular-chile/angular-componentes-y-sus-ciclos-de-vida-aa639e13a688

• React 💙:
  

  
  https://es.reactjs.org/docs/state-and-lifecycle.html

Este curso literal ha sido construido usando componentes 😅

Cada componente tiene varios “métodos de ciclo de vida” que puedes sobrescribir para ejecutar código en momentos particulares del proceso

Montaje

Estos métodos se llaman cuando se crea una instancia de un componente y se inserta en el DOM:

• constructor()
• static getDerivedStateFromProps()
• render()
• componentDidMount()

Actualización

Una actualización puede ser causada por cambios en las props o el estado. Estos métodos se llaman en el siguiente orden cuando un componente se vuelve a renderizar:

• static getDerivedStateFromProps()
• shouldComponentUpdate()
• render()
• getSnapshotBeforeUpdate()
• componentDidUpdate()

Desmontaje

Este método es llamado cuando un componente se elimina del DOM:

• componentWillUnmount()

Manejo de errores

Estos métodos se invocan cuando hay un error durante la renderización, en un método en el ciclo de vida o en el constructor de cualquier componente hijo.

• static getDerivedStateFromError()
• componentDidCatch()

Esta documentación es muy buena y en español, la recomiendo si es que alguien desea revisarla:
Componentes de React:
https://es.reactjs.org/docs/components-and-props.html
Estado y ciclo de vida:
https://es.reactjs.org/docs/state-and-lifecycle.html

“bienvenido bienvenida” jaja

Se te extraña Cesar Fajardo 😦, antes platzi era chévere con este tipo de videos y la buena publicidad que salía en YouTube

Perfecta la explicación sobre como funciona react, este tipo de videos dinámicos son muy esclarecedores

El Celis se ve piraton con ese filtro

Me gustan estos videos bien demostrativos con ejemplos de la vida cotidiana

zzz

Los componentes son piezas de lego, justo como lo vimos al inicio de este curso. Conforme se vayan agrupando estos componentes, vamos a ir dándole forma a nuestra aplicación web

Mis apuntes en Notion💚