ahmadcodes.hashnode.devHandling Click Events in React: A Beginner’s Guide to onClickIntroduction When we build a React application, users interact with it by clicking buttons, links, or other elements. These actions are called events.In this blog, we will learn how to handle events in React using the onClick event. We will focus onl...Dec 28, 2025·3 min read
ahmadcodes.hashnode.devPassing Children as Props in React (Beginner Friendly Guide)When you start learning React, you often hear about props. Props help us pass data from one component to another.But there is one special prop in React that beginners usually find confusing — children. In this blog, we’ll understand: What children i...Dec 25, 2025·3 min read
ahmadcodes.hashnode.devCSS Modules in React: Scoped Styling Without the HeadacheIntroduction In this blog, we’ll discuss what CSS Modules in React are, why we use them, and what problems they solve. We’ll also look at an example to understand the concepts better. CSS Modules provide a modular way of defining CSS styles for a com...Dec 24, 2025·5 min read
ahmadcodes.hashnode.devHow to Add Tailwind CSS to a React App (Step-by-Step Guide)Introduction In this blog, we’ll discuss what Tailwind CSS is, how to use it in a React project, and why developers use it. First, understand what Tailwind CSS is: A utility-first CSS framework packed with classes like flex, pt-4, text-center, and r...Dec 23, 2025·4 min read
ahmadcodes.hashnode.devHow to Use Bootstrap in a React Project (Beginner Guide)Introduction In this blog, we’ll discuss what Bootstrap is, how to use Bootstrap in a React project, and why we use Bootstrap. First, understand what Bootstrap is: Bootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototy...Dec 23, 2025·3 min read