Tailwind CSS初体验
还是把我想说的话放前面吧,对于独立React小项目的快速开发来说,Tailwind是值得尝试的,我也就仅仅讨论在我目前的状态下(苦逼大学生🤓,个人独立项目(没前端队友,没专业设计)),被拉去打比赛,最后还是“能者多劳”,前端的活最终还是一个人大包大揽🚬🚬🚬。
前言
好久没写博文了,最近在努力从安卓转前端,一直都在学(技术力不够不配写博文)。看了如何在 React 中使用 CSS 样式 — How to CSS Style in React (robinwieruch.de)这篇文章,了解了下Tailwind Css,被其的高效惊喜到了。
我个人的感觉Tailwind是在传统的css上抽象了一层,一切优缺点都是有此带来的。不像是Sass,只是作为css的一个拓展超集,爱用就用,不用不用。
缺点
团队配合
本来奇怪为什么没看到什么主流项目在用,搜索了下主要争议点还是在-目前不适合团队配合,毕竟原子化CSS是学习成本的东西也没流行到成为一种规范,在需要多人配合中大型项目不好合作。目前这东西还得是公司自上而下的推行才有可能在团队项目里使用。
这一点是不得不去考虑的,毕竟偏离主流的技术在大型项目中是没有用武之地的,这东西在开源社区中也很难融入,仍然得写回Sass。
复杂性转移
这其实我感觉也不能算缺点。
虽然有些人也有提到tw在实现某些业务方面(不同主题切换)会比较繁琐,但我认为是属于次要的,毕竟其本质任务还是负责view的部分。tw将某些常用的任务简化后不可避免的将复杂性转移到其他地方,只要不是致命的缺陷(无法通过技术解决),将常用的功能简化,不常用的功能复杂化也是可以接受的,平均下来仍然是好事。
优点
写起来爽
我一个独狗🚬🤓写起来怎么爽怎么来(bushi),官网介绍的就挺准确的“只需书写 HTML 代码,无需书写 CSS,即可快速构建美观的网站”,主要还是得接受这种unocss思想,我现在还说不准其对错,感受就完事了。
后记
究竟tw这类Utility-First-CSS能不能发展完善,将来有什么发展的方向还是值得瞻望的