useRef explained in detail - With 6 mini Apps - React - Scroll Animation Focus, Copy Paste and More
The `useRef` hook will allow us to interact directly with the DOM and use mutable references 🔥 We will learn:
How to use it for DOM interaction
✅ Example 1 - Focus on button press
✅ Example 2 - Copying text to the clipboard on button press
✅ Example 3 - Video player (Manipulating controls)
✅ Example 4 - Animation on scrolling over an element
How to use a mutable reference
✅ Example 5 - Render counter
✅ Example 6 - Conditionally loading a Card that calls an API, solving the problem of updating the state of a demounted component
Resources
⭐⭐ (Important) API used
https://jsonplaceholder.typicode.com/
⭐ (Optional) Video used Download
https://pixabay.com/es/videos/planeta...
⭐ Project GitHub Repository
https://github.com/luismcabrera/usere...
⭐ VSCode Extensions Used
ES7 React/Redux/GraphQL/React-Native snippets
Prettier (Code formatting)
Learn and practice more with
🚀 useEffect explained in detail - With 3 mini Apps - React
• useEffect explicado al detalle - Con 3 min...
🚀 useState explained in detail - With 5 mini Apps - React
• useState explicado al detalle - Con 5 mini...
🚀 Puppy App API and Error Handling
• React App ✅ DOG API - Con Manejo de Errore...
🚀 App with Bracking Bad APIs
• React App ✅ Breaking Bad API - Para princi...
🚀 First App with React
To-Do List with LocalStorage and Deployment to Netlify
• ReactJS con Hooks ✅ Curso práctico compl...