3 mins read

Day 18 – React Router Basics – Routes, Links & Navigation in React

So far in this series, all our React apps have been single-page applications (SPA) where everything renders in one place. But in real projects, we often need multiple pages: 👉 This is where React Router comes in. React Router is a popular library that allows us to: Step 1 – Install React Router In your […]

4 mins read

Day 12: Understanding useReducer React Hook

Welcome back to our React Tutorial Series 👋 So far, we’ve explored core React Hooks like useState, useEffect, and useRef. These hooks handle simple state and side effects very well. But as your application grows, you might encounter more complex state logic that involves multiple conditions and actions. That’s when the useReducer React Hook becomes […]

4 mins read

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 […]

4 mins read

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 […]

4 mins read

Day 2: Setting Up React Environment and Creating Your First Page

Welcome back! 🎉 In the previous blog, we learned why React is important and what we need before starting.Today, we’ll setting up react environment, run our first React app, clean the extra files, and create a simple portfolio page. By the end of this blog, you’ll already have your first React page running in the […]