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

React 大佬能不能给初学者给一些建议。

  •  
  •   mmr ·
    confusder · 2024-03-30 11:00:07 +08:00 · 7436 次点击
    这是一个创建于 365 天前的主题,其中的信息可能已经有所发展或是发生改变。

    推荐一些好的前段 UI 库或者 css 方案吧。

    我一直比较反感 css ,挺不优雅的。

    目前比较喜欢 tailwind ,又觉得局限,看了 css in js 也感觉很麻烦,大家都是咋解决的呢

    40 条回复    2024-07-03 11:21:12 +08:00
    ywUXm9U86a62N7rN
        1
    ywUXm9U86a62N7rN  
       2024-03-30 11:06:09 +08:00
    React 技术栈,建议多关注蚂蚁的作品。整体而言 AntD 的设计语言已经非常成熟,其 UI 库也都不错。

    移动端的话撸 ReactNative 和 Taro 小程序框架就够了。另,外卖厂的东西要慎重......

    希望能对你有些启发!
    mmr
        2
    mmr  
    OP
       2024-03-30 11:07:24 +08:00
    @shuoit 请问 css 您一般用什么呢,我真的不想写 css……,完全看不会,以前是主要打算法竞赛……
    adjusted
        3
    adjusted  
       2024-03-30 11:09:19 +08:00
    大概就是不要想着“优雅”,“麻烦”,“局限”,直接上手试试
    ywUXm9U86a62N7rN
        4
    ywUXm9U86a62N7rN  
       2024-03-30 11:15:25 +08:00
    @mmr 职业前端? 还是不喜欢写样式? 如果是前者,那由不得不想啊,哈哈。如果是后者可以考虑 less 这种...
    dudubaba
        5
    dudubaba  
       2024-03-30 11:18:42 +08:00
    antd + unocss + 手撸,不写 css 是不可能的
    debuggerx
        6
    debuggerx  
       2024-03-30 11:19:27 +08:00 via Android
    css 全用 flex 布局和 grid 布局就好了,做常规需求已经很简单也没什么恶心的了
    mmr
        7
    mmr  
    OP
       2024-03-30 11:34:49 +08:00   ❤️ 1
    @shuoit 职业高中生……
    chanChristin
        8
    chanChristin  
       2024-03-30 11:42:52 +08:00
    60 分能跑的狗屎比 100 分跑不了的蛋糕更重要
    别管优雅不优雅,先写出来一个能跑的垃圾,再慢慢优化。
    ywUXm9U86a62N7rN
        9
    ywUXm9U86a62N7rN  
       2024-03-30 11:47:29 +08:00
    @mmr 优秀啊,高中就开始搞 React 了...
    jsun969
        10
    jsun969  
       2024-03-30 11:47:42 +08:00
    https://nextui.org/ + tailwindcss 还挺好看的
    iOCZS
        11
    iOCZS  
       2024-03-30 11:55:37 +08:00
    没有什么办法的,熵摆在那里,当你得到这个好处的时候,就会带来那个麻烦
    SayHelloHi
        12
    SayHelloHi  
       2024-03-30 12:52:56 +08:00
    shadcn/ui + React

    https://ui.shadcn.com/

    😄
    lstz
        13
    lstz  
       2024-03-30 13:42:45 +08:00 via Android
    antd 的设计很适合重前端的应用,设计规范也很不错,但是,它性能挺拉胯的,整体用起来会有些卡顿

    为什么不喜欢 tailwindcss ?其实我觉得在没有设计稿的时候,用 t 是很好的选择,这都是大多数老手的选择
    bthulu
        14
    bthulu  
       2024-03-30 13:54:41 +08:00
    初学者用什么 tailwindcss, 就最基础的 css 就行了. 等你 css 滚瓜烂熟了, 再去用 tailwindcss
    yuyu168
        15
    yuyu168  
       2024-03-30 14:05:20 +08:00
    49 年入国军真的好吗,前端都找不到工作裁员,你还初学
    taihengw
        16
    taihengw  
       2024-03-30 14:15:36 +08:00
    初学者不用考虑那么多吧,又没有啥进度压力。建议先以兴趣为主,如果实在不喜欢 css ,那可以换别的方向看看呐,找到能让你废寝忘食的爱好更重要哦
    placeholder
        17
    placeholder  
       2024-03-30 14:16:10 +08:00
    忍着恶心学呗,还能咋办,vanillaJS 是所有框架的基础,不学基础能行么。

    react 这种一个文件里同时塞 html js 和 css 的东西,给我的感觉就是一张白纸沾了一坨屎呼我脸上,一开始学的时候也把我恶心的够呛,后来,呵
    cbdyzj
        18
    cbdyzj  
       2024-03-30 14:19:10 +08:00
    我觉得 CSS 大多数时候都还行,试试 emotion 吧
    MrDavidJones
        19
    MrDavidJones  
       2024-03-30 14:21:25 +08:00 via iPhone
    早日弃坑
    Puteulanus
        20
    Puteulanus  
       2024-03-30 14:21:34 +08:00
    herozzm
        21
    herozzm  
       2024-03-30 15:17:33 +08:00
    先上手撸 不要管那么多
    rocmax
        22
    rocmax  
       2024-03-30 15:19:33 +08:00 via Android
    现在最人气的肯定是 shadcnui+tailwind
    用 next 的时候 antd 和 ssr 相性不好
    NessajCN
        23
    NessajCN  
       2024-03-30 15:31:41 +08:00
    建议的话就是用 useEffect() 的时候一定要记得 return 清理函数,
    还有 useState() 里面可以跟函数当 updater 用
    MAVETRICK
        24
    MAVETRICK  
       2024-03-30 15:32:33 +08:00
    有些人是不是魔怔了,人家可能是兴趣爱好学一下,又不指着这个吃饭。我 13 年还在看 Flash 的 ActionScript 呢,仅仅是好奇心驱使而已。
    mmr
        25
    mmr  
    OP
       2024-03-30 20:36:10 +08:00 via Android
    @yuyu168 不当饭吃,说了主业算法竞赛
    mmr
        26
    mmr  
    OP
       2024-03-30 20:37:50 +08:00 via Android
    tailwind 不知道咋和别的模板库的主题融合,这一加上暗色主题不知道咋折腾了
    Ritr
        27
    Ritr  
       2024-03-30 22:11:21 +08:00
    tailwind 终极的建议,UI 试试 nextUI
    rehoni
        28
    rehoni  
       2024-03-31 00:12:28 +08:00 via Android
    shadcn 还可以吧,我学 react 就准备用他了
    wiluxy
        29
    wiluxy  
       2024-03-31 00:34:23 +08:00
    css 方案现在推荐 tailwindcss 或者 emotion/styleX
    组件库不喜欢 ant design 的话,可以看看 material ui(现在叫 mui)或者 chakra ui,如果愿意折腾可以试试 zag ui 、shadcn/ui 这种
    moyumoyu
        30
    moyumoyu  
       2024-03-31 02:12:24 +08:00 via iPhone
    快跑!
    dayeye2006199
        31
    dayeye2006199  
       2024-03-31 03:14:11 +08:00 via Android
    感觉和 react 没啥关系
    xieguanglei
        32
    xieguanglei  
       2024-03-31 09:23:04 +08:00
    对 React 初学者的建议:多看常看官网文档
    JavenXiao
        33
    JavenXiao  
       364 天前
    flex +1 ,能解决 99%的问题,哪怕工作中也是这样
    foolishcrab
        34
    foolishcrab  
       364 天前
    去看下 daisyui 就行了
    你需要的就是这个,基于 tailwind 的 ui 库
    totoro52
        35
    totoro52  
       364 天前
    我目前用 umijs+ant 很舒服,单纯使用 umijs 也很舒服,把关注点都放在业务上而不是框架的搭建上,react 想做大一点的项目心理负担太大
    Torpedo
        36
    Torpedo  
       364 天前
    样式就是 tailwind 加上 styled-compnent ,比如 emotion 之类的。
    lozzow
        37
    lozzow  
       363 天前
    @shuoit #1 但是 antd 卡阿
    langziyang
        38
    langziyang  
       340 天前
    如果没有 treeselect 需求的话,强烈建议你去看 MUI 。谷歌出品,可以说目前没有任何一个 UI 框架能跟它比。但是这框架有几个缺点,没有 treeselect ,时间段选择和 tree table 都是高级版才有
    gaeco
        39
    gaeco  
       328 天前
    多看看官方文档,然后找个开源项目看看人家怎么写的,然后试着给项目提个 PR. 推荐个前后端项目 https://github.com/getredash/redash (后端 python ,前端 react )
    提个 PR ,熟悉熟悉前后端开发。然后后面可以学学 go ,java 拓展一下
    d3George
        40
    d3George  
       270 天前
    可以看下这个项目, 很适合学习 React 最新生态: https://github.com/d3george/slash-admin
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5288 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 01:28 · PVG 09:28 · LAX 18:28 · JFK 21:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.