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

2020-10-05 10:19:40 +08:00
 loveuloveme
说实在的,我大概也不会用 Jetstream 。不过 他说的

But… I think bootstrap is bad and I really don’t recommend using that?

我还蛮赞同的,bootstrap 用了很多年抵不过我 Tailwind 用了个把月

是时候抛弃 boostrap,拥抱 Tailwind 了 。
10799 次点击
所在节点    PHP
41 条回复
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
}
```
zrp1994
2020-10-05 22:52:15 +08:00
Tailwind 有没有配套的可以简化 HTML 中 class name 的工具?如果没有的话,不看好 Tailwind 。
Sapp
2020-10-05 23:25:44 +08:00
@MrUser 样式结构分离现在已经不是那么严格要求了,很多地方都改用组件分离了,组件内部 html 、css 、js 都是结合起来的,比如 react + css in js 就是这个方案,用着还很舒服,只用关心组件,不用关心其他乱七八糟,css 和 html 都可以享受 js 的能力
wusheng0
2020-10-06 01:38:56 +08:00
> 啊猿,收手吧,外面全是前端 er

话说 Linux 开发这类,技术,工具什么的应该不会像前端经常变动吧
Archeb
2020-10-06 08:17:58 +08:00
tailwind 既没降低 css 学习成本 也不能实现更复杂的布局 还增加了 html 一车 classname 的混乱程度

我不太能理解这个框架为什么值得使用
libracloud
2020-10-06 10:26:54 +08:00
@loveuloveme 一直想用,但每次看到一堆 css 类在 html 里我又默默用回 bt 了,主要做后台管理,不需要定制啥
mingyoung
2020-10-07 00:04:54 +08:00
@Archeb 就是因为“没理解”所以才会觉得“不值得”
Archeb
2020-10-07 08:29:40 +08:00
@mingyoung
这个框架的官网并没有点出“值得”的点在哪,所以我也没法理解
ccraohng
2020-10-07 10:09:23 +08:00
一句 css 语法的事,整这么多类,加重心智负担。
css 库省的就是 ui 设计排版。
weiqk
2020-10-07 12:37:31 +08:00
@MrUser 我觉得 table 布局真的挺好,这么多年以来我从来没有真正抛弃过
pigzzz
2020-10-08 09:26:31 +08:00
因为 Jetstream 招致不少批评 的原因,我觉得更多是因为 Livewire 和 Inertia 这两个小众 js 框架,如果直接用 vue,我相信很多人会用的
muzuiget
2020-10-08 10:21:25 +08:00
看了下那个 tailwind,感觉就是多此一举,把本来写在 style 属性里的,重新发明一套写在 class 属性里。
loveuloveme
2020-10-08 14:18:10 +08:00
@pigzzz Inertia 其实就是 Vue, 主要还是因为默认 Tailwind,没用 Bootstrap 。Tailwind 爱的人,爱的深,但是,因为相对的多 class,也让很多人恨。大家做伸手党惯了,其实大可以 fork 一个 Bootstrap 版本。
pigzzz
2020-10-08 16:43:17 +08:00
@loveuloveme 不不不,不是一样的,Livewire 和 Inertia 的存在都只是为了简化全栈开发人员的工作流程,只是想省掉因为前后端分离而多出来的工作量,这种强耦合的,且需要多余的学习成本的新事物,可能个人项目中可以用一用,但公司项目是不敢上的
dvaknheo
2020-10-11 14:31:20 +08:00
@loveuloveme 页内 scss 呢?。或者一个 html 对应一个专一的 scss, css.
scss 编译出来的 css 是可以看可以用的,丢失 scss 文件也不怕。 用 boostrap 的时候组合多个 自带 class 是偷懒行为而已。
loveuloveme
2020-10-11 17:39:04 +08:00
@dvaknheo 一个 html 对应一个专一的 scss 这个已经落伍了,随着页面的增多,调整,会越来越混乱的。Tailwind 是未来。我已经在公司的 bootstrap 网站使用上了 tailwind,逐步淘汰 bootstrap 。使用起来非常的棒。团队一开始也是抵触 tailwind 的,但是,用多了,才知道它的好。Tailwind 不是所有人都爱,但是,只要你用上了,基本你就会抛弃所有其他 css 框架。
charlie21
2020-10-12 20:42:06 +08:00
咳咳,解决一个个已经解决过的问题 ...
devwolf
2020-10-29 11:15:39 +08:00
table 布局好久没接触到了,现在不是 display 里丢 grid 或者 flex 的比较多吗,要不就框架提供的栅格布局。

我这边和#23 一样是做 react 前端的,所以个人不太理解#36 所说的“一个 html 对应专一的 scss 这个已经落伍”。
可能因为没接触到“定制页面”的概念?组件化以后,我这边的所谓定制页面就是单纯的替换组件、条件渲染了
devwolf
2020-10-29 13:02:57 +08:00
官网文档看了一会儿,确实是一套没接触的方案(虽然我本来也没接触过过几种),知乎上好像管这种叫“原子化 CSS”。知乎上的回答,使我感觉是“一种接近直接写 css 的粒度又比 css 来的更优化一点,比如已经帮忙完成了响应式”。
好像也和 react 很搭,虽然我初看觉得类名多的吓人,用这玩意儿相当于自己撸 bulma 、bootstrap 了,“自己用更优化的零件去拼接高可用的机器”这样?
安排一下行程多看看了,感谢安利
dcoder
2020-11-01 18:08:34 +08:00
作为外行(后端), 看了眼, 不负责的归类下:
出活接地气类: Vue, Bulma
自由高逼格类: React, Tailwind

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/712579

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX