Home

Ciclos de vida

componentDidUpdate: Peticiones al servidor, timeout...

componentWillUnmount: Cuando se actualiza las propiedades

componentWillUnmount: Por ejemplo para comprobar una tarea que esta en proceso, se utiliza mucho con un setinterva, cuando el componente desaparezca eliminar el evento. Se ejecuta antes de ocultarlo en el dom

Peticiones sin Librerias fetch('https:').then(response => response.json()).then(a => console.log(JSON.stringify(a)))

Pintando listas Obligatorio poner el key para identificar cual es eso es por el virtual dom

/** si el input tiene un name y se llame igual que la propiedad se puede hacer computando el estado [name] this.setState({ [name]: value })

{...props} sirve para setear todas las props

let number = [1,1,1,1,2,3,5] Array.from(New Set(number))

// Declaración de una variable de estado que llamaremos "count". setCount se puede llamar como quiera pero por //convención se usa setAlgo const [count, setCount] = useState(0); const sum = (newCount) => setCount(newCount)

useEffect se ejecuta con cualquier cambio

useEffect(() => console.log('mounted'), []); el [] hace que solo se ejecute una vez por eso se la pasa vacío, a useEffect se le puede pasar un segundo parámetro en este caso [] sum(count + 1)

Estilos

diapositivas https://es.slideshare.net/SergioZamarroSnchez/escribiendo-estilos-con-styledcomponents

REDUX

Diapositivas https://es.slideshare.net/SergioZamarroSnchez/redux-reactadalab

store -> donde se guardan los estados action -> acciones que cambian el estado de una forma reducers -> se encargan de coger la acción y lo cambian

El nombre de los objeto como type se puede cambiar

Reducers no se cambia el estado, sino se reemplazan por otros, crean estados.

connect(se mapea contra el dom, las acciones) connect(Lee algo, null) connect(null, añade algo)