Default HubSpot Blog

At my current assignment, we recently started converting e2e tests  to component tests to reduce the duration of our CI/CD pipeline. While performing this task, I noticed how my components became cleaner and more robust. In this blog, I will share how writing component tests increases the cleanliness of our components.

Last year, Figma announced a new feature called nested instances, and it was a real game changer! Instead of making variants of one component's different possibilities, you can create properties and nest components with just a few clicks without issue.

One of the essential things in building modern web apps is to provide a good user experience. Think of showing a loading indicator when waiting, for example, a spinner when you’re submitting a form. These fancy animations are excellent if they are not flickering before your eyes. In this blog, you will find a practical React Hook to prevent loading indicators from flickering.

My first introduction to the Storybook library was during a project in which we built a progressive web application. We developed this application with a team of two front-end engineers, two back-end engineers, and 2 UI/UX engineers. With this wonderful team, we considered making a Component library to speed up the development of components we use on most of our pages and projects. So we gave Storybook a shot!

Design consistency is a design principle I care about, notice very fast, and get frustrated about all the time. 😅