react-puro-19
  • React Puro - 19
  • code
    • README
    • README
    • README
    • README
    • README
    • README
    • README
    • README
  • 7-state-en-clases
    • Ejemplo inicial: un contador
    • Manejo de eventos
    • El state
    • Sintaxis limpia en Class Components
    • setState es Asincrónico
    • Fusión superficial vs profunda
  • 5-children
    • Personalizar Children antes de renderizar
    • PropTypes para Children
    • Los Children
    • Diferentes tipos de Children
    • Manejando uso Children
  • 13-hook-usereducer
    • Qué es un Reducer?
    • Un ejemplo más practico
    • Entonces, Redux murió?
  • 4-proptypes
    • Documentación y depuración incluida
    • PropTypes como documentación
    • Cómo validar, formas comunes
    • Ejemplo Tweet con PropTypes
  • 3-props
    • Comunicación con componentes Padre
    • Las Props:
    • Pasar Props
    • Recibir Props
    • Ejemplo Tweet con Props
  • 11-pensando-uso-state
    • "Tipos" de componentes
    • Qué colocar en el State
    • Dónde mantener el estado
    • Pensando declarativamente
  • 9-requests-api
    • Intro
    • Eligir libreria HTTP
    • Obtener datos y mostrarlos
  • 10-state-en-funciones
    • El useState Hook
    • Actualizar State basado en State anterior
    • State como un Array
    • Reglas de los Hooks
    • La "magia" de los Hooks
    • State como un Objeto
    • Intro Hooks
  • 15-api-context
    • Usando React API Context
    • Patrón "Slots"
    • Patrón "Render Props"
    • Intro API Context
    • Otros Patrones de Context
    • Ejemplo perforación de props
    • hook_usecontext
  • 8-ciclo-vida-componente
    • Fases
    • El ciclo
    • Manejo de errores
    • Desmontaje
    • Representación
    • Montaje
  • 14-hook-useeffect
    • Límite cuando se ejecuta un Effect
    • Hacer cambios visibles del DOM
    • Obtener datos (Fetch) con useEffect
    • Intro useEffect
    • Re-obtener datos (Re-Fetch) cuando cambian
    • Solo ejecución en montaje y desmontaje
  • 2-jsx
    • Ejemplo componente Tweet:
    • JSX:
    • Trabajando con JSX:
  • 12-controles-entrada
    • Entradas controladas
    • Entradas no controladas
  • 6-github-file-list
    • Parte 2: la Prop 'key'
    • Parte inicial
  • 1-hola_mundo
    • Hola mundo:
Con tecnología de GitBook
En esta página

¿Te fue útil?

  1. 8-ciclo-vida-componente

Montaje

Estos métodos se llaman solo una vez, cuando el componente se monta por primera vez.

constructor: este es el primer método llamado cuando se crea el componente. Si el estado se inicializa con un inicializador de propiedades, ya estará establecido para cuando se ejecute el constructor.

componentDidMount: llamado inmediatamente después del primer render. Los elementos secundarios del componente ya se representan en este punto también. Este es un buen lugar para hacer solicitudes AJAX para obtener los datos que se necesitan.

componentWillMount [deprecated]: Hasta React 16.3, este método tenía un propósito similar al del constructor. Se ejecuta antes del primer render. Es probable que todavía se encuentre código que lo use, pero es probable que se elimine en React 17. Si se necesita recuperar datos o hacer cualquier otra cosa "antes" de un componente, simplemente hacerlo en componentDidMount. El renderizado se realiza rápidamente, por lo que no es necesario preocuparse por el rendimiento y, es probable que se desee mostrar un indicador de "loading...", un spinner o algo mientras el trabajo de carga está en progreso.

  • Como este ultimo, se avisa en la consola que en la versión posterior serán manejados como inseguros (UNSAFE_), de legado y que se sugiere manejar el cambio con un paquete de renombramiento para acoplar el cambio de nombre de los metodos a versión posterior.

AnteriorRepresentaciónSiguiente14-hook-useeffect

Última actualización hace 5 años

¿Te fue útil?