tailwindcss 的最佳实践是什么样的 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
luob

tailwindcss 的最佳实践是什么样的

  •  
  •   luob Aug 19, 2021 2551 views
    This topic created in 1711 days ago, the information mentioned may be changed or developed.

    tailwind 这个工具看起来很受大家欢迎, 在 V2EX 凡是和 css 沾边的帖子, 不出 5 楼一定有人提 tailwind.

    但是我就一直不明白 tailwind 的正确打开方式是什么. 那一串串类名看起来和滥用正则表达式一样不靠谱, 写完了自己回头再捋一遍都费劲. 在 react 中, 如果需要一些动态样式, 还要用 classnames. 有的类名写标签里,有的类名写 classnames 里, 这就更乱了.

    我搜索 tailwind 最佳实践, 一大半都是"tailwind 是 css 的最佳实践", "tailwind 是 react 的最佳实践" 这种标题, 剩下的也找不到什么有亮点的使用方式, 基本都是复读一下官方示例就结束了. 如果官方文档和这些文章里介绍的写法就是最佳实践, 那 tailwind 根本不是写 css 的最佳实践: 随便一种 css in js 方案不都比这强吗 ?

    所以我就想问一下, 既然这么多人用起来都说好, 你们实际项目中都是怎么用的, 在实际项目中的最佳实践是什么样的, 有没有更深入更完整的教程 ?

    xiayue
        1
    xiayue  
       Aug 23, 2021
    个人感觉啊,tailwind 也可以叫做原子化 css,有点类似于以前的 bootstrap 的类名。使用它的前提是,你得有一套符合自己项目的 UI 设计规范,或者说是 css 规范。后续得根据需求去迭代这套规范。我也只是简单用过,没用在正式项目中使用过。
    About     Help     Advertise     Blog     API     FAQ     Solana     5754 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 46ms UTC 08:10 PVG 16:10 LAX 01:10 JFK 04:10
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86