Tooltips are an essential part of modern interfaces and most of the popular UI frameworks have such components. However, as is often the case, you might want to create a custom tooltip that is more suitable for your specific needs. I recently came across the react-tooltip library, which I didn’t like at all. It used…
This tutorial is a continuation from the previous tutorial, where I created a Modal component in a Next.js application. In the current tutorial I will enhance it by allowing it to close when the user clicks outside of it. I will refer to this functionality as “close on backdrop click”. Enhance the Modal Here is…
In the last couple of years, Server Side Rendering(SSR) has become a big trend in modern web development. One of the most popular SSR solutions for React developers is Next.js and there are some common UI tasks that can be challenging when working in mixed server/client environment. In this tutorial, I will show you how…