useRef explicado al detalle - Con 6 mini Apps - React - Scroll Animation Focus, Copy Paste y Más
Luis Cabrera Luis Cabrera
7.16K subscribers
22,885 views
1.1K

 Published On Sep 13, 2020

El useRef Hook nos permitirá interactuar directamente con del DOM y disponer de referencias mutables 🔥 Aprenderemos:

- Como usarlo para Interacción con el DOM
✅ Ejemplo 1 - Focus al presionar un botón
✅ Ejemplo 2 - Copiar texto al portapapeles presionando un botón
✅ Ejemplo 3 - Reproductior de video (Manipular controles)
✅ Ejemplo 4 - Animación al hacer scroll sobre un elemento
- Como usar una referencia mutable
✅ Ejemplo 5 - Contador de renderizaciones
✅ Ejemplo 6 - Cargando condicionalmente un Card que llama a una api,
solución del problema de actualizar un estado de un componente desmontado

Recursos
⭐⭐ (Importante) API utilizada
https://jsonplaceholder.typicode.com/

⭐ (Opcional) Video utilizado descarga
https://pixabay.com/es/videos/planeta...

⭐ Repositorio de GitHub del proyecto
https://github.com/luismcabrera/usere...

⭐ Extensiones VSCode utilizadas
- ES7 React/Redux/GraphQL/React-Native snippets
- Prettier (Formatear código)

Aprende y practica más con

🚀 useEffect explicado al detalle - Con 3 mini Apps - React
   • useEffect explicado al detalle - Con ...  

🚀 useState explicado al detalle - Con 5 mini Apps - React
   • useState explicado al detalle - Con 5...  

🚀 APP Perritos API y Manejo de errores
   • React App ✅ DOG API - Con Manejo de E...  

🚀 APP con Bracking Bad API
   • React App ✅ Breaking Bad API - Para p...  

🚀 Primera APP con React
- Lista de tareas con LocalStorage y despligue a Netlify
   • ReactJS con Hooks  ✅  Curso práctico ...  

show more

Share/Embed