Last active
April 24, 2023 14:15
-
-
Save setohe0909/818da6ab7e10d6947be175d4f2891cf6 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| classMiComponenteextendsComponents{ | |
| constructor(){ | |
| // Enlazo (bind) eventos y/o inicializo estado | |
| } | |
| componentWillMount(){ | |
| // Se ejecuta antes de montar el componente | |
| // Se podría usar para hacer un setState() | |
| } | |
| render(){ | |
| // Contiene todos los elementos a renderizar | |
| // podrías usarlo para calcular propiedades (ej: concatenar una cadena) | |
| } | |
| componentDidMount(){ | |
| //Solo se lanza una vez | |
| //Ideal para llamar a una API, hacer un setInteval, etc | |
| } | |
| //Actualización: | |
| componentWillReceiveProps(){ | |
| //Es llamado cuando el componente recibe nuevas propiedades. | |
| } | |
| shouldComponentUpdate(){ | |
| //Idea para poner una condición y si las propiedades que le llegaron anteriormente | |
| // eran las mismas que tenia retornar false para evitar re-renderear el componente | |
| } | |
| componentWillUpdate(){ | |
| //metodo llamado antes de re-renderizar el componente si shouldComponentUpdate devolvió true | |
| } | |
| // re-render si es necesario... | |
| componentDidUpdate(){ | |
| //Método llamado luego del re-render | |
| } | |
| componentWillUnmount(){ | |
| //Método llamado antes de desmontar el componente | |
| } | |
| componentDidCatch(){ | |
| // Si ocurre algún error, lo capturo desde acá: | |
| } | |
| } | |
| /* | |
| constructor cuando se crea el componente (como siempre) | |
| componentDidMount cuando el componente es agregado al DOM | |
| componentWillMount durante la renderización en el servidor | |
| componentWillUnmount cuando el componente está siendo eliminado | |
| shouldComponentUpdate luego de que el estado (state) o las propiedades (props) del componente han sido modificadas. | |
| componentWillUpdate y componentDidUpdate antes y después de que el componente se re-renderice. | |
| componentWillReceiveProps antes de que el componente haya recibido propiedades (props) cuto valor haya cambiado | |
| Fuente: https://rangle.github.io/react-training/react-summary/ | |
| */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment