Recently, I was working on a React project that required certain elements to toggle fullscreen mode, and I needed to reuse this functionality across different components. I wanted a clean, reusable solution that leveraged TypeScript to ensure type safety. This led me to create a custom hook for managing fullscreen behavior in React. In this
When working with text-heavy web applications, you might come across scenarios where long text needs to be truncated after a certain number of lines. CSS properties like -webkit-line-clamp make this easy by limiting the visible lines of text, but you might need to know when that text has been clamped for purposes like showing a
When working with Trino, I often find myself needing to inspect the contents of a catalog or specific tables. Knowing how to quickly check the structure and data inside a table is crucial for understanding the data you’re working with. In this post, I’ll walk through how I navigate catalog contents and view table structures
Building responsive, interactive applications in React often requires creating components that dynamically change based on user interaction. One common feature is allowing a div to take over the entire screen with the click of a button, creating a fullscreen effect. In this post, I’ll walk through how to implement this feature, making sure to keep
When working with deep learning models in PyTorch, it’s crucial to ensure that your model is running on the GPU for faster training and inference. Using a GPU instead of a CPU can significantly speed up computations, especially with large datasets and complex models. In this post, we’ll walk through how to check if PyTorch
When working with Node.js and TypeScript, it’s common to encounter the need to include non-code files like JSON, text files, or even Markdown files in your build output. These files, essential for configurations, data, or documentation, often need to be copied into your dist folder during the build process. However, the TypeScript compiler (tsc) only
When working on a Next.js project, ensuring code consistency and cleanliness is crucial for maintaining quality across teams. One of the best ways to do this is by using tools that automate code formatting and linting. Traditionally, developers have used separate tools like ESLint for linting and Prettier for formatting. However, there’s a new, powerful
When working with cloud storage, there are several ways to secure access to your resources, and one common approach is using a Shared Access Signature (SAS) token. SAS tokens allow controlled, limited-time access to Azure Blob Storage without exposing sensitive credentials. In this post, I’ll walk through how I used Python to upload files to
When working with databases in production environments, ensuring a secure connection is essential. One of the ways to do this is by using SSL/TLS encryption, which can be enforced through the use of a Certificate Authority (CA) certificate. In this post, I’ll walk you through how I set up a Prisma project with Next.js to
Azure Blob Storage is a good solution when it comes to storing unstructured data such as text files, images, or any binary data. In this post, I’ll walk you through how to manage files in Azure Blob Storage using Python. I’ll cover everything from setting up your environment to reading and storing files efficiently. Understanding
When working on a project that involves Docker, sometimes you need to ensure that a specific service’s image is rebuilt from scratch. Maybe you’ve updated your Dockerfile, or perhaps a dependency has changed, and you want to make sure everything is fresh. In such cases, knowing how to force Docker to rebuild an image for
If you ever need the reference count again, it’s just a few settings clicks away. How to Disable the Reference Code Lens in VSCode Here’s how you can easily turn off the reference code lens for C#: And that’s it! With this setting turned off, your editor will no longer display reference counts, giving you