Tag: react-tutorial
Day 11: Mastering useRef React Hook – Accessing DOM & Persisting Values
In today’s React learning series, we will deep dive into useRef React Hook. When working with React, you’ve probably noticed that most things revolve around state and props. We’ve used useState to store and update values, and we’ve seen how React automatically re-renders components when state changes. But what if we want to store a […]
Day 10: Understanding useEffect React Hook
In today’s React learning series, we will deep dive into useEffect React Hook. So far in this React series, we’ve learned how to manage state with useState, render lists, handle events, and more. But apps don’t just display data — they also need to fetch data, update the document title, listen to events, and clean […]
Day 9: Understanding useState React Hook
In this blog, we’ll take a deep dive into useState React Hook and learn how to work with arrays, objects, and multiple state variables. State is one of the most powerful features of React. By now, you’ve already used useState for toggling UI (like showing/hiding content) or handling simple values (like counters). But real-world applications […]
Day 8: Lists and Keys in React.js
If you’ve been following along in our React learning series, you already know how to handle events, forms, and conditional rendering. Now let’s take the next step: displaying dynamic lists of data. This is done using Lists and Keys in React . This is one of the most common patterns in React apps—whether you’re building […]
Day 7: Virtual DOM in React.js
Our today’s learning is Virtual DOM in React.js. One of the biggest reasons React is so fast and popular is because of the Virtual DOM. You’ll hear this term a lot, but many beginners get confused about what it really means. Let’s break it down in simple terms. In the last few blogs, we worked […]
Day 6: Conditional Rendering in React.js
Our today’s learning is Conditional Rendering in React.js. When you build apps, you don’t always want to show everything at once. Sometimes you show a message only if the user is logged in, or display a loading spinner until data arrives. This is where conditional rendering comes in. What is Conditional Rendering? Conditional rendering means:👉 […]