Working with icons and graphics is part of almost every React project I’ve handled over the years. One of the most common formats I receive from designers is SVG (Scalable Vector Graphics). At first, I used SVGs as plain image files. But soon I realized that converting them into React components gave me more flexibility. … Read more >>
Sometimes, while working on React projects, I want my components to be flexible enough to wrap other components or content inside them. I’ve been building React applications for over a decade, and one of the most powerful patterns I use daily is props.children. It allows me to compose components in a way that keeps the … Read more >>
Debugging React applications has been a big part of my daily work for more than a decade. Over the years, I’ve seen many errors, but one that often confuses developers is: “Warning: Cannot update a component while rendering a different component.” When I first came across this, I was working on a dashboard for a … Read more >>
When I first started building timelines in React, I struggled with finding a library that was simple, flexible, and looked professional at the same time. After trying a few options, I discovered react-vertical-timeline-component, and it quickly became my go-to choice. This library makes it really easy to create modern, responsive vertical timelines that work well … Read more >>
When I started building React applications, I didn’t think much about folder structure. I just created a components folder and dumped everything inside. As the projects grew, I quickly realized this approach made it hard to maintain, scale, and onboard new developers. Searching for a single component felt like digging through a messy closet. In … Read more >>
Working as a frontend developer for more than a decade, I’ve often faced situations where I needed to embed a code editor inside a React application. Sometimes it was for building internal tools for my team, and other times it was for client-facing apps where users needed to write and test code directly in the … Read more >>
Working with large datasets in React can be overwhelming. I’ve often faced situations where I needed to display hundreds of records, customer lists, product catalogs, or transaction logs. Instead of showing everything at once, pagination makes the data manageable. It splits the content into smaller pages and lets users navigate easily. In this tutorial, I’ll … Read more >>
When I first moved from React class components to functional components, one of the biggest questions I had was: How do I replace componentDidMount? In class components, componentDidMount is easy. It runs once after the component is mounted. But in functional components, we don’t have lifecycle methods in the same way. That’s where the useEffect … Read more >>
Design and development often feel like two different worlds. The challenge is always the same: how do we bridge the gap between a static design file and a fully functional React component? I’ve faced this problem many times. Whether I was building dashboards for U.S. healthcare startups or creating e-commerce platforms for local retailers, the … Read more >>
Working on a React project in the USA, I often need to give users the option to select multiple values from a list. Whether it’s choosing states, filtering product categories, or selecting skills in a job application form, a multi-select dropdown is one of the most practical components I’ve built and reused over the years. … Read more >>
Download a FREE PDF (112 Pages) Containing 51 Useful Python Programs.
Download a FREE PDF on how to become a Python developer.