Retool is a fantastic tool for building internal apps quickly, but sometimes the out-of-the-box components don’t quite cut it. I recently worked on a project for a US-based logistics firm where we needed a very specific interactive map that wasn’t available in the standard library. That is when I dived deep into building a custom … Read more >>
Working as a lead developer for years, I have built dozens of technical documentation sites and developer portfolios. One feature that always comes up is the need to display code blocks that actually look good and are easy to read. If you are building a site for a US-based tech startup or a personal blog, … Read more >>
I have often found that users crave a familiar way to organize their data. Whether you are building a cloud storage app or a CMS, a file explorer is usually the most intuitive interface for most people. In this tutorial, I will show you how to build a high-performance React file explorer component from scratch. … Read more >>
’ve found that a horizontal timeline is one of the best ways to visualise progress. Whether you are tracking a shipping route from New York to Los Angeles or displaying a company’s historical milestones, a horizontal layout saves vertical space. In this tutorial, I will show you exactly how to build a responsive horizontal timeline … Read more >>
As a developer, I’ve often hit a specific roadblock. Sometimes, a specialized team builds a complex dashboard in Angular, and you need that exact functionality in your React-based consumer app. I remember once needing to port a complex mortgage calculator built in Angular into a new React portal for a California-based lender. That is when … Read more >>
I’ve found that managing form data is one of the most frequent tasks you’ll face. In the early days, I struggled with keeping the UI in sync with the underlying data, but then I mastered controlled components. If you have ever wondered how to handle user input efficiently in a React application, you are in … Read more >>
In React, data usually flows downwards from a parent component to a child component through props. While passing strings or numbers is easy, there are many cases where you need to pass a function to a child component. I have spent over eight years building complex React applications, and I can tell you that mastering … Read more >>
If you work with large datasets in Python, you’ve likely run into the “annoying dots” problem. By default, Pandas truncates your view when you have a lot of columns, showing only the first and last few. I remember the first time I was analyzing a US Census dataset with over 50 variables. I needed to … Read more >>
When I first started working with massive datasets from US retail chains, I often found myself needing to know exactly how much data I was handling. Knowing the length of your DataFrame is the first step in data validation and cleaning. In this tutorial, I will show you different ways to get the length of … Read more >>
When I first started working with large datasets in Python, I often found myself staring at messy, inconsistent column headers. It is a common headache, especially when you are pulling data from various sources that don’t follow a standard naming convention. In my years of experience as a Python developer, I have realized that clean … Read more >>