On 6 Jul 2021 we decided to go through Tailwind after a lot of discussion (see notes). We also decided to re-question around decision few months later in order to be sure that this is really a good solution. The aim of this topic is to have a place in order to discuss about this choice, and then everyone can write its own opinion on the choice we did.
Here’s mine:
Although I’m always a big fan of tailwind (I used it with success in some others projects), I must admit that now I’ve changed my mind, for some reasons:
- Using tailwind in a big existing project is maybe a bad idea. Tailwind is very powerful if you use it as a standalone CSS framework, but when it’s intricated around lots of existing CSS files I can see it less efficient.
- I see Tailwind as a CSS framework made for the “component js world”, and is very powerful with a lot of tools when you’re using it in such a context. I can see that using it in a Rails environnement is more painful (less documentations, less users, less tools, …). I had a lot of difficulties to integrate it to your environnement (although it’s a five minutes job normally), and I guess it’s not normal.
Very happy to hear your thoughts on it.
Notes:
- Choosing our CSS Framework
- Test mdbootstrap by jibees · Pull Request #7852 · openfoodfoundation/openfoodnetwork · GitHub
- Test building component through our styleguide with tailwind by jibees · Pull Request #7543 · openfoodfoundation/openfoodnetwork · GitHub
- Backoffice Product List table UI uplift · Issue #7198 · openfoodfoundation/openfoodnetwork · GitHub
- Implement new design for backoffice · Issue #8525 · openfoodfoundation/openfoodnetwork · GitHub