![can you build in bootstrap studio with react can you build in bootstrap studio with react](https://rulonder.github.io/public/img/fortran/fortran_debug_docker.png)
I got so used to using the classes Tailwind CSS provides, that even when I'm working on other projects my first instinct is to use them. The utility classes Tailwind CSS provides help you understand how you are creating and styling your components, and you can do that without having to actually write CSS. I no longer had to rely on copy-pasting code. My thinking directly shifted to the "Tailwind CSS" mindset, and building components got easier. However, as I kept learning it and getting the hang of it, it kept getting easier and easier. With Tailwind CSS, I had to create those components myself, which at first I thought would cost me more time and effort. When I first started trying out Tailwind CSS, I struggled a little as I was used to just use whatever ready-made components Bootstrap provides me then make changes on them accordingly. Just by copy-pasting the code, you will get a navigation bar on your website. As their documentation says: "No more adding silly class names like sidebar-inner-wrapper just to be able to style something." It also encourages creating reusable components with these utility classes.īootstrap also provides easy-to-use utility classes, however, from its early versions, Bootstrap is focused on helping you create websites quickly by providing you with designed common UI elements. Tailwind CSS is more focused on providing easy-to-use utility classes to save you time. What I will be comparing is my experience working with both Bootstrap and Tailwind CSS and which is better.Īlthough the purpose of Tailwind CSS and Bootstrap might be similar, however, they're different. As it was easier to make these components reusable, I decided to recreate it with React, and also give it a different, new look as well.Īs great as the first design was, I wanted to try something more flat, simple, and easier to navigate.Īfter building it with React and Tailwind CSS, this is the new website:Ī much simpler website that conveys the message behind "Simple buttons".Īlthough the design changed tremendously, this is not what I will be comparing here. The reason I chose to rebuild it was actually because it was getting hard to maintain all its components as it grew since it was just HTML. Originally, it was built with just HTML and Bootstrap.
![can you build in bootstrap studio with react can you build in bootstrap studio with react](https://soshace.com/wp-content/uploads/2019/05/inside-blog-4.png)
So, I decided to recreate the website for sButtons, an open-source project I maintain. I kept seeing people on Twitter and articles talk about it, that I got curious and wanted to try it out. However, recently, I've been hearing a lot about Tailwind CSS.
![can you build in bootstrap studio with react can you build in bootstrap studio with react](https://i.ytimg.com/vi/5bvprFXDKMA/maxresdefault.jpg)
Bootstrap is a necessity that every web developer relies on, whether beginner or advanced. It's easy to use and saves so much time creating a website. Every web developer starts with Bootstrap.