--- title: "Zeeshan Safdar (@zeeshan7826) | Hashnode" description: "React | MERN Stack developer. Read the latest articles by Zeeshan Safdar on Hashnode." url: "https://hashnode.com/@zeeshan7826" --- @zeeshan7826 # Zeeshan Safdar @zeeshan7826 · Lahore, Pakistan · Joined September 2022 React | MERN Stack developer ### [Building Reusable React Components](https://zeeshansafdar.hashnode.dev/building-reusable-react-components?utm_source=hashnode&utm_medium=feed) Building Reusable React Components: A Mindful Approach to Props When designing reusable components in React, one crucial aspect to focus on is props. Here’s a helpful mindset to adopt: think of components as a collaboration between two entities—the c... 2 min read · [zeeshansafdar.hashnode.dev](https://zeeshansafdar.hashnode.dev/building-reusable-react-components?utm_source=hashnode&utm_medium=feed) [Nov 19, 2024](https://hashnode.com/posts/building-reusable-react-components/673cd3654401d9bbe213e277) ### [Mastering Component Composition in React](https://zeeshansafdar.hashnode.dev/mastering-component-composition-in-react?utm_source=hashnode&utm_medium=feed) As we continue diving into React components, there’s an essential principle we need to focus on: Component Composition. What does this mean? Let’s break it down: Imagine you have a Modal component and a Success component. If we simply use Success ins... 1 min read · [zeeshansafdar.hashnode.dev](https://zeeshansafdar.hashnode.dev/mastering-component-composition-in-react?utm_source=hashnode&utm_medium=feed) [Nov 19, 2024](https://hashnode.com/posts/mastering-component-composition-in-react/673cd2dfd64fa826038f1e36) ### [Prop Drilling in React](https://zeeshansafdar.hashnode.dev/prop-drilling-in-react?utm_source=hashnode&utm_medium=feed) Prop Drilling in React: A Common Problem & Its Solution While working on our React components, we encountered a small issue—dynamically calculating and displaying the number of results in our app. This led us to the concept of prop drilling. Here's a... 1 min read · [zeeshansafdar.hashnode.dev](https://zeeshansafdar.hashnode.dev/prop-drilling-in-react?utm_source=hashnode&utm_medium=feed) [Nov 19, 2024](https://hashnode.com/posts/prop-drilling-in-react/673cd1ca049893e4ddcdc454) ### [Understanding Component Categories in React](https://zeeshansafdar.hashnode.dev/understanding-component-categories-in-react?utm_source=hashnode&utm_medium=feed) As your React codebase grows, you'll naturally encounter three main types of components: Stateless (Presentational) Components These components simply receive props and display content, without managing any state. They're often small, reusable, and ... 1 min read · [zeeshansafdar.hashnode.dev](https://zeeshansafdar.hashnode.dev/understanding-component-categories-in-react?utm_source=hashnode&utm_medium=feed) [Nov 19, 2024](https://hashnode.com/posts/understanding-component-categories-in-react/673cd06351d98cd21df5151a) ### [Thinking in React: A Balanced Approach to Components](https://zeeshansafdar.hashnode.dev/thinking-in-react-a-balanced-approach-to-components?utm_source=hashnode&utm_medium=feed) In React, striking the right balance when designing components is key. Too large, and they become hard to manage and reuse. Too small, and the codebase becomes overly abstract and complex. 💡 How should we approach this? First, aim for logical separ... 1 min read · [zeeshansafdar.hashnode.dev](https://zeeshansafdar.hashnode.dev/thinking-in-react-a-balanced-approach-to-components?utm_source=hashnode&utm_medium=feed) [Nov 19, 2024](https://hashnode.com/posts/thinking-in-react-a-balanced-approach-to-components/673ccfc1237fcbac635bb8d6)