Tag: reactjs
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 […]
Day 17 – Handling Async useEffect, Loading and Error States in React
In the last blog, we learned how to fetch data with fetch and axios. But in real projects, things are never that simple. When making an API call, we often face three main challenges: This blog will teach you how to solve all three using Async useEffect in React. Why Not Write async Directly in […]
Day 16 – Fetching Data in React (API Calls with fetch & axios)
Learn fetching data in React using fetch API and axios with async/await. Includes examples with loading and error states for beginners. When building real-world apps, you rarely work with static data. Instead, your app will often need to fetch data from APIs — like fetching products from an e-commerce backend, posts from a blog API, […]
Day 15 – Handling Forms in React
Learn handling forms in React with controlled vs uncontrolled components, real-time validation, and examples for beginners. Forms are one of the most common parts of any web app — login pages, signups, feedback forms, checkout forms, etc. In React, form handling is slightly different from vanilla HTML because React controls the state of inputs. This […]
Day 14: Understanding Context API in React
So far in this series, we’ve worked with React state using useState, useReducer, and even Custom Hooks. But there’s still a problem you might have noticed: When a piece of state is needed by multiple components at different levels, we end up passing props down multiple layers. This process is called prop drilling, and it […]
