Tag: react-tutorial
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 […]
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 […]