TailwindCSS 从零开始 - 完赛心得

完赛的内心小剧场

心得

感谢坚持到最後的自己，本次铁人赛完赛了，最後一篇就来点软性的心得文吧！
因为专案关系开始接触 TailwindCSS，也用 side project 把玩一下，体会出满多好处的，非常推荐大家使用看看，我自己的心得如下：

1. 透过此框架开发让我想到什麽就写什麽，都不需要拘泥会不会影响到命名或是後续维护，毕竟想命名真的满烧脑的。
2. 开发到後面会发现很多重复的 class 名称，这时再把这些元件化，会发现留下的都是不会重复的 class。
3. JIT 模式一定要使用，用了就回不去了，谁还会想去记一些有的没的扩充伪类 XD。
4. 手刻能力还是要具备，不然会无法第一时间想到要用什麽属性，毕竟这是 CSS 框架，基本的 CSS 语法还是要记得。
5. 单一断点的特性在开发 RWD 网页满省力的，不需要思考太多，可以专注在不同载具的样式呈现。
6. 压缩过的 CSS 让效能更高。
7. 不需要特别找颜色，除非有指定色，不然已经很够用。
8. 手刻 + TailwindCSS 可以实现更高的客制样式。
9. 引入框架非常轻省，因为框架都有 webpack 基本上已经做掉很多事情，引入的方法也都很简单，可以更专心在开发上使用。
10. 框架不是全能，不能太过度依赖，纵使 TailwindCSS 已经非常好用。

这样的话是否要放弃 Bootstrap 了呢?

也看到满多网路有提出这样的问题，我自己两个都有写过，感想是这样，这个问题其实是错的！每种技术出来都是解决问题用的，没有完全只追新的技术，然後就放弃先前的技术，如果用这样的观念来踏入前端领域是很危险的，因为根本不知道被安排到要维护的旧专案使用的技术是什麽，难道现在有框架就不用学 jQuery 了吗？如果客户提出的需求就是需要这些技术，但「刚好」没学到怎麽办？ 可能这个「刚好」就会让你失业了也说不定！(是有点夸张了，但其实也没有很夸张)

虽然 TailwindCSS 是高客制化的框架没错，但今天如果只是一次性的活动网页，以後也不用维护了，那我会选择 Bootstrap 套一套就好了，如果又是自己一个人开发，反正不用维护了，这样还是最快的。

所以该学的还是学一学吧！

结语

以上就是这次 TailwindCSS 比较入门的学习内容，虽然还有很多设定没有讲到，但如果有跟完本次系列，应该是可以进行开发实作，未来有时间也会分享在个人部落格把遇到的问题与实作写成笔记！感谢大家阅读本次铁人赛系列，若有错误还请各位前辈与後进不吝指教，谢谢大家！

TailwindCSS 有繁体中文翻译文件，如果对於看英文版官方文件有点吃力的朋友，可以参考喔！