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

关于 Headless 的一些想法,和一些问题求教

  •  
  •   349865361 · 2023-07-01 18:57:03 +08:00 · 2244 次点击
    这是一个创建于 510 天前的主题,其中的信息可能已经有所发展或是发生改变。
    本人 UI 设计师出生,然后转前端,再转后端十年,最近苦心钻研 react ,算是大成了,hook 真的很不错,现在根据业务使用需要打算做一套后台前端,经过调研发现前端组件库未来发展趋势非 headless ui 莫属。
    本来打算使用 solid svelte ,这些库也是未来的趋势,奈何现在轮子比较少又不想自己造,还是继续使用 react 。
    使用 radix ark 等 headless ui 库结合 unocss 根据 UI 设计做封装做了一套 UI 库,基本都完成了,不得不说 headless 的理念真的很不错,后期我只需要同步升级这些库和调整样式即可。
    但是几个必要库找不到可以自定义的代替品,比如 tree select 、Cascade 、datetime picker 等这些在国内常见国外基本没有的,强迫症目前很纠结,又不想自己造轮子,主要是没精力去维护,现在已经好多个开源项目要维护了,导致现在就差最后这几个组件了,码友们有推荐的方案么?
    8 条回复    2023-07-02 12:08:29 +08:00
    512357301
        1
    512357301  
       2023-07-01 19:39:49 +08:00 via Android
    前端小白。歪个楼,“设计师出生”,emmm ,答主山西人?别误会哈,我有好几个山西同事对*ng 、*n 分不清,哈哈哈
    512357301
        2
    512357301  
       2023-07-01 19:40:20 +08:00 via Android
    @512357301 打错了,楼主山西人?[doge]
    349865361
        3
    349865361  
    OP
       2023-07-01 20:12:24 +08:00
    @512357301 你猜对了
    karott7
        4
    karott7  
       2023-07-01 21:42:26 +08:00
    可以拿 antd 的来用,移除其中的样式,用 tailwindcss 来自定义样式。我没试过这么做,楼主可以试试,antd@5 目前的样式用的是 css-in-js 方案。
    lilei2023
        5
    lilei2023  
       2023-07-02 11:06:51 +08:00
    想知道怎么算大成??
    349865361
        6
    349865361  
    OP
       2023-07-02 11:56:58 +08:00
    @lilei2023 就是可以做任何项目和组件,并且理解 react 的各种使用方法和渲染原理
    349865361
        7
    349865361  
    OP
       2023-07-02 11:57:15 +08:00
    @karott7 @karott7 用了 rc-picker 之类的做封装倒是做了一半,但是性能太差了感觉 有点卡卡的感觉
    349865361
        8
    349865361  
    OP
       2023-07-02 12:08:29 +08:00
    不纠结了,都是强迫症作祟,目前就先计划不足的组件用 Rc 补充
    ![]( https://p.ipic.vip/rhuppd.png)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2907 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 08:01 · PVG 16:01 · LAX 00:01 · JFK 03:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.