Laravel 作者 taylor 因为 Jetstream 招致不少批评

41 条回复 • 2020-11-17 09:17:24 +08:00

1

MrUser

2020-10-05 10:48:24 +08:00

记得 table 布局之后是 div+css 布局，是为了“表现”与“结构”分离，
这个 Tailwind 似乎又回到了 table 布局的年代，不看好这种框架

2

loveuloveme

OP

2020-10-05 10:50:36 +08:00

@MrUser Tailwind 只有多用了才会喜欢。乍一看一般都不会喜欢，让 html 看起来太 busy

3

cmdOptionKana

2020-10-05 11:00:55 +08:00

bootstrap 具体哪里不好？

4

loveuloveme

OP

2020-10-05 11:17:44 +08:00

@cmdOptionKana bootstrap 类似的框架很多，bulma, pure.css 等，对于界面需要自定义的网站，页面多了，css 会很难管理，即使用了 scss，随着页面的增加，也会导致 css 文件无限增加，难以维护。Tailwind 解决了这个痛点。Tailwind 作者有有多的免费的教学视频，可以去看看，理解透了才会爱上它。

5

est

2020-10-05 11:26:17 +08:00 via Android

1

@MrUser 表现和结构分离，语义网络，都抵不过 div 嵌套一把梭

6

kaiki

2020-10-05 11:34:34 +08:00

我连最后一个分号都占空间的，让我用这种东西，心里不能接受

7

love

2020-10-05 12:08:16 +08:00

我记得很多年前这种类似直接写内联 css 的做法还是被批判的，现在反转了？

8

danhahaha

2020-10-05 12:15:44 +08:00 via iPhone

时代变了，原来没什么框架，需要 bootstrap 减轻工作量，现在框架管太多，需要 Tailwind

9

maigebaoer

2020-10-05 12:35:38 +08:00 via Android

新人写 css 表示 tailwind 比 bootstrap 好用

10

noqwerty

2020-10-05 12:57:44 +08:00 via Android

业余选手觉得 tailwind 很香，可维护性也不差

11

mywaiting

2020-10-05 16:14:01 +08:00

还活在 Wordpress 用 jQuery 一把梭的选手觉得也就是几句 CSS 的问题

12

codingguy

2020-10-05 17:37:49 +08:00

tailwindcss 的定位更像是一个 util

13

ddefewfewf

2020-10-05 17:48:44 +08:00 via iPhone

前端就是牛逼

14

terranboy

2020-10-05 17:55:13 +08:00

后端人员用 Tailwind 真的香

15

wangyzj

2020-10-05 18:36:51 +08:00

@MrUser #1 div 不是会比 table 快吗？

16

zoharSoul

2020-10-05 18:38:52 +08:00

android 开发觉得 tailwind 挺好的.
css 单独写太怪了. 除了前端没搞样式结构分离的

17

dvaknheo

2020-10-05 18:56:56 +08:00

那句话怎么说来的？不爽不要用。

要不你来个更"优雅"的方案?

18

agdhole

2020-10-05 20:38:06 +08:00

jetstream 用的是 Livewire 和 Inertia，这两个解决方案会增加很多学习成本，但是由于技术栈过于小众，收益不会很高，类似的解决方案 razor，因为背靠微软而且直接绑定 asp，所以推广起来会比 laravel 这两个解决方案省心很多

19

ditel

2020-10-05 21:27:07 +08:00 via Android

因为 Jetstream 招致不少批评

------

然而想知道招致了什么批评？

20

learnshare

2020-10-05 22:11:24 +08:00

Tailwind 和 Bootstrap 都是对 CSS （或者 UI 绘制命令）的一种包装形式而已
前者更细碎，后者更简洁。好不好没法评价，看个人口味

如果能保证开发效率、代码质量、可维护性以及 dist 尽量小，怎么玩都可以（ Web 就是这么自由和散乱的平台

纠结的原因通常是项目没有一套设计规范、UI 样式库或组件库，否则谁还关注业务逻辑以外的问题

21

learnshare

2020-10-05 22:19:37 +08:00

@learnshare 大概被人讨厌的地方是大量冗余代码，以及 !important 的使用？

```css | https://tailwindcss.com/_next/static/css/0c17db1ebca8cc8f7205.css
.border-0 {
border-width: 0!important
}

.border-2 {
border-width: 2px!important
}

.border-4 {
border-width: 4px!important
}

.border-8 {
border-width: 8px!important
}
```

22

zrp1994

2020-10-05 22:52:15 +08:00

Tailwind 有没有配套的可以简化 HTML 中 class name 的工具？如果没有的话，不看好 Tailwind 。

23

Sapp

2020-10-05 23:25:44 +08:00

@MrUser 样式结构分离现在已经不是那么严格要求了，很多地方都改用组件分离了，组件内部 html 、css 、js 都是结合起来的，比如 react + css in js 就是这个方案，用着还很舒服，只用关心组件，不用关心其他乱七八糟，css 和 html 都可以享受 js 的能力

24

wusheng0

2020-10-06 01:38:56 +08:00 via Android

> 啊猿，收手吧，外面全是前端 er

话说 Linux 开发这类，技术，工具什么的应该不会像前端经常变动吧

25

Archeb

2020-10-06 08:17:58 +08:00

tailwind 既没降低 css 学习成本也不能实现更复杂的布局还增加了 html 一车 classname 的混乱程度

我不太能理解这个框架为什么值得使用

26

libracloud

2020-10-06 10:26:54 +08:00

@loveuloveme 一直想用，但每次看到一堆 css 类在 html 里我又默默用回 bt 了，主要做后台管理，不需要定制啥

27

mingyoung

2020-10-07 00:04:54 +08:00

@Archeb 就是因为“没理解”所以才会觉得“不值得”

28

Archeb

2020-10-07 08:29:40 +08:00

@mingyoung
这个框架的官网并没有点出“值得”的点在哪，所以我也没法理解

29

ccraohng

2020-10-07 10:09:23 +08:00 via iPhone

一句 css 语法的事，整这么多类，加重心智负担。
css 库省的就是 ui 设计排版。

30

weiqk

2020-10-07 12:37:31 +08:00 via Android

@MrUser 我觉得 table 布局真的挺好，这么多年以来我从来没有真正抛弃过

31

pigzzz

2020-10-08 09:26:31 +08:00

因为 Jetstream 招致不少批评的原因，我觉得更多是因为 Livewire 和 Inertia 这两个小众 js 框架，如果直接用 vue，我相信很多人会用的

32

muzuiget

2020-10-08 10:21:25 +08:00

看了下那个 tailwind，感觉就是多此一举，把本来写在 style 属性里的，重新发明一套写在 class 属性里。

33

loveuloveme

OP

2020-10-08 14:18:10 +08:00

@pigzzz Inertia 其实就是 Vue，主要还是因为默认 Tailwind，没用 Bootstrap 。Tailwind 爱的人，爱的深，但是，因为相对的多 class，也让很多人恨。大家做伸手党惯了，其实大可以 fork 一个 Bootstrap 版本。

34

pigzzz

2020-10-08 16:43:17 +08:00

@loveuloveme 不不不，不是一样的，Livewire 和 Inertia 的存在都只是为了简化全栈开发人员的工作流程，只是想省掉因为前后端分离而多出来的工作量，这种强耦合的，且需要多余的学习成本的新事物，可能个人项目中可以用一用，但公司项目是不敢上的

35

dvaknheo

2020-10-11 14:31:20 +08:00

@loveuloveme 页内 scss 呢？。或者一个 html 对应一个专一的 scss, css.
scss 编译出来的 css 是可以看可以用的，丢失 scss 文件也不怕。用 boostrap 的时候组合多个自带 class 是偷懒行为而已。

36

loveuloveme

OP

2020-10-11 17:39:04 +08:00

@dvaknheo 一个 html 对应一个专一的 scss 这个已经落伍了，随着页面的增多，调整，会越来越混乱的。Tailwind 是未来。我已经在公司的 bootstrap 网站使用上了 tailwind，逐步淘汰 bootstrap 。使用起来非常的棒。团队一开始也是抵触 tailwind 的，但是，用多了，才知道它的好。Tailwind 不是所有人都爱，但是，只要你用上了，基本你就会抛弃所有其他 css 框架。

37

charlie21

2020-10-12 20:42:06 +08:00

咳咳，解决一个个已经解决过的问题 ...

38

devwolf

2020-10-29 11:15:39 +08:00

table 布局好久没接触到了，现在不是 display 里丢 grid 或者 flex 的比较多吗，要不就框架提供的栅格布局。

我这边和#23 一样是做 react 前端的，所以个人不太理解#36 所说的“一个 html 对应专一的 scss 这个已经落伍”。
可能因为没接触到“定制页面”的概念？组件化以后，我这边的所谓定制页面就是单纯的替换组件、条件渲染了

39

devwolf

2020-10-29 13:02:57 +08:00

官网文档看了一会儿，确实是一套没接触的方案（虽然我本来也没接触过过几种），知乎上好像管这种叫“原子化 CSS”。知乎上的回答，使我感觉是“一种接近直接写 css 的粒度又比 css 来的更优化一点，比如已经帮忙完成了响应式”。
好像也和 react 很搭，虽然我初看觉得类名多的吓人，用这玩意儿相当于自己撸 bulma 、bootstrap 了，“自己用更优化的零件去拼接高可用的机器”这样？
安排一下行程多看看了，感谢安利

40

dcoder

2020-11-01 18:08:34 +08:00

作为外行(后端), 看了眼, 不负责的归类下:
出活接地气类: Vue, Bulma
自由高逼格类: React, Tailwind

41

junwind

2020-11-17 09:17:24 +08:00

前端的东西是真的杂，各种框架，组件，js 库，还要 css，哎，头疼