V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
loveuloveme
V2EX  ›  PHP

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

  •  1
     
  •   loveuloveme · 2020-10-05 10:19:40 +08:00 · 11029 次点击
    这是一个创建于 1507 天前的主题,其中的信息可能已经有所发展或是发生改变。
    说实在的,我大概也不会用 Jetstream 。不过 他说的

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

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

    是时候抛弃 boostrap,拥抱 Tailwind 了 。
    41 条回复    2020-11-17 09:17:24 +08:00
    MrUser
        1
    MrUser  
       2020-10-05 10:48:24 +08:00
    记得 table 布局之后是 div+css 布局,是为了“表现”与“结构”分离,
    这个 Tailwind 似乎又回到了 table 布局的年代,不看好这种框架
    loveuloveme
        2
    loveuloveme  
    OP
       2020-10-05 10:50:36 +08:00
    @MrUser Tailwind 只有多用了才会喜欢。乍一看一般都不会喜欢,让 html 看起来太 busy
    cmdOptionKana
        3
    cmdOptionKana  
       2020-10-05 11:00:55 +08:00
    bootstrap 具体哪里不好?
    loveuloveme
        4
    loveuloveme  
    OP
       2020-10-05 11:17:44 +08:00
    @cmdOptionKana bootstrap 类似的框架很多,bulma, pure.css 等,对于界面需要自定义的网站,页面多了,css 会很难管理,即使用了 scss,随着页面的增加,也会导致 css 文件无限增加,难以维护。Tailwind 解决了这个痛点。Tailwind 作者有有多的免费的教学视频,可以去看看,理解透了才会爱上它。
    est
        5
    est  
       2020-10-05 11:26:17 +08:00 via Android   ❤️ 1
    @MrUser 表现和结构分离,语义网络,都抵不过 div 嵌套一把梭
    kaiki
        6
    kaiki  
       2020-10-05 11:34:34 +08:00
    我连最后一个分号都占空间的,让我用这种东西,心里不能接受
    love
        7
    love  
       2020-10-05 12:08:16 +08:00
    我记得很多年前这种类似直接写内联 css 的做法还是被批判的,现在反转了?
    danhahaha
        8
    danhahaha  
       2020-10-05 12:15:44 +08:00 via iPhone
    时代变了,原来没什么框架,需要 bootstrap 减轻工作量,现在框架管太多,需要 Tailwind
    maigebaoer
        9
    maigebaoer  
       2020-10-05 12:35:38 +08:00 via Android
    新人写 css 表示 tailwind 比 bootstrap 好用
    noqwerty
        10
    noqwerty  
       2020-10-05 12:57:44 +08:00 via Android
    业余选手觉得 tailwind 很香,可维护性也不差
    mywaiting
        11
    mywaiting  
       2020-10-05 16:14:01 +08:00
    还活在 Wordpress 用 jQuery 一把梭的选手觉得也就是几句 CSS 的问题
    codingguy
        12
    codingguy  
       2020-10-05 17:37:49 +08:00
    tailwindcss 的定位更像是一个 util
    ddefewfewf
        13
    ddefewfewf  
       2020-10-05 17:48:44 +08:00 via iPhone
    前端就是牛逼
    terranboy
        14
    terranboy  
       2020-10-05 17:55:13 +08:00
    后端人员用 Tailwind 真的香
    wangyzj
        15
    wangyzj  
       2020-10-05 18:36:51 +08:00
    @MrUser #1 div 不是会比 table 快吗?
    zoharSoul
        16
    zoharSoul  
       2020-10-05 18:38:52 +08:00
    android 开发觉得 tailwind 挺好的.
    css 单独写太怪了. 除了前端没搞样式结构分离的
    dvaknheo
        17
    dvaknheo  
       2020-10-05 18:56:56 +08:00
    那句话怎么说来的?不爽不要用。

    要不你来个更"优雅"的方案?
    agdhole
        18
    agdhole  
       2020-10-05 20:38:06 +08:00
    jetstream 用的是 Livewire 和 Inertia,这两个解决方案会增加很多学习成本,但是由于技术栈过于小众,收益不会很高,类似的解决方案 razor,因为背靠微软而且直接绑定 asp,所以推广起来会比 laravel 这两个解决方案省心很多
    ditel
        19
    ditel  
       2020-10-05 21:27:07 +08:00 via Android
    因为 Jetstream 招致不少批评

    ------

    然而想知道招致了什么批评?
    learnshare
        20
    learnshare  
       2020-10-05 22:11:24 +08:00
    Tailwind 和 Bootstrap 都是对 CSS (或者 UI 绘制命令)的一种包装形式而已
    前者更细碎,后者更简洁。好不好没法评价,看个人口味

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

    纠结的原因通常是项目没有一套设计规范、UI 样式库或组件库,否则谁还关注业务逻辑以外的问题
    learnshare
        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
    }
    ```
    zrp1994
        22
    zrp1994  
       2020-10-05 22:52:15 +08:00
    Tailwind 有没有配套的可以简化 HTML 中 class name 的工具?如果没有的话,不看好 Tailwind 。
    Sapp
        23
    Sapp  
       2020-10-05 23:25:44 +08:00
    @MrUser 样式结构分离现在已经不是那么严格要求了,很多地方都改用组件分离了,组件内部 html 、css 、js 都是结合起来的,比如 react + css in js 就是这个方案,用着还很舒服,只用关心组件,不用关心其他乱七八糟,css 和 html 都可以享受 js 的能力
    wusheng0
        24
    wusheng0  
       2020-10-06 01:38:56 +08:00 via Android
    > 啊猿,收手吧,外面全是前端 er

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

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

    我这边和#23 一样是做 react 前端的,所以个人不太理解#36 所说的“一个 html 对应专一的 scss 这个已经落伍”。
    可能因为没接触到“定制页面”的概念?组件化以后,我这边的所谓定制页面就是单纯的替换组件、条件渲染了
    devwolf
        39
    devwolf  
       2020-10-29 13:02:57 +08:00
    官网文档看了一会儿,确实是一套没接触的方案(虽然我本来也没接触过过几种),知乎上好像管这种叫“原子化 CSS”。知乎上的回答,使我感觉是“一种接近直接写 css 的粒度又比 css 来的更优化一点,比如已经帮忙完成了响应式”。
    好像也和 react 很搭,虽然我初看觉得类名多的吓人,用这玩意儿相当于自己撸 bulma 、bootstrap 了,“自己用更优化的零件去拼接高可用的机器”这样?
    安排一下行程多看看了,感谢安利
    dcoder
        40
    dcoder  
       2020-11-01 18:08:34 +08:00
    作为外行(后端), 看了眼, 不负责的归类下:
    出活接地气类: Vue, Bulma
    自由高逼格类: React, Tailwind
    junwind
        41
    junwind  
       2020-11-17 09:17:24 +08:00
    前端的东西是真的杂,各种框架,组件,js 库,还要 css,哎,头疼
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3269 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 12:19 · PVG 20:19 · LAX 04:19 · JFK 07:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.