Two Top Tier TTs
TypeScript & Tailwind
These two technologies allow you to speed up your coding workflow a lot, and they are both very nice to work with. Below I will go into detail about my experience with the two technologies and why I prefer them to the other options.
Tailwind CSS might be my favourite technology to work with as it speeds up Front End Development a lot. It replaces the need to write your own CSS classes and gives you premade classes right out of the box. Simply adding text such as ‘flex items-center justify-center’ as the className on an HTML element is enough to do the 007 mission impossible task of centering a div 🤯. I think of Tailwind as Bootstrap on steroids as they give you the easier syntax, more classes available, and an extremely broad variety of colours to select from. The only downside of Tailwind is that sometimes you end up with an unruly classNames string with a bunch of classes linked together. This problem is remedied in the bonus section of this article…
DaisyUI is my current go-to component library, as it works directly with Tailwind. They give you a bunch of premade components along with themes you can use. This greatly reduces the need to write long classNames, which was my only personal downside when using Tailwind. Combining DaisyUI with Tailwind gives you the ability to create websites and web applications in no time. I think startups who need to move fast should look into these two options for sure!