React 大佬能不能给初学者给一些建议。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
mmr
V2EX    React

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

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

    推荐一些好的前段 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 职业高中生……
    Leeeeex
        8
    Leeeeex  
    PRO
       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  
       2024-03-31 09:52:59 +08:00
    flex +1 ,能解决 99%的问题,哪怕工作中也是这样
    foolishcrab
        34
    foolishcrab  
       2024-03-31 13:37:02 +08:00
    去看下 daisyui 就行了
    你需要的就是这个,基于 tailwind 的 ui 库
    MIUIOS
        35
    MIUIOS  
       2024-03-31 13:54:28 +08:00
    我目前用 umijs+ant 很舒服,单纯使用 umijs 也很舒服,把关注点都放在业务上而不是框架的搭建上,react 想做大一点的项目心理负担太大
    Torpedo
        36
    Torpedo  
       2024-03-31 14:31:44 +08:00
    样式就是 tailwind 加上 styled-compnent ,比如 emotion 之类的。
    lozzow
        37
    lozzow  
       2024-04-01 09:55:13 +08:00
    @shuoit #1 但是 antd 卡阿
    langziyang
        38
    langziyang  
       2024-04-25 08:57:03 +08:00
    如果没有 treeselect 需求的话,强烈建议你去看 MUI 。谷歌出品,可以说目前没有任何一个 UI 框架能跟它比。但是这框架有几个缺点,没有 treeselect ,时间段选择和 tree table 都是高级版才有
    gaeco
        39
    gaeco  
       2024-05-06 09:56:58 +08:00
    多看看官方文档,然后找个开源项目看看人家怎么写的,然后试着给项目提个 PR. 推荐个前后端项目 https://github.com/getredash/redash (后端 python ,前端 react )
    提个 PR ,熟悉熟悉前后端开发。然后后面可以学学 go ,java 拓展一下
    d3George
        40
    d3George  
       2024-07-03 11:21:12 +08:00
    可以看下这个项目, 很适合学习 React 最新生态: https://github.com/d3george/slash-admin
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     896 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 31ms UTC 19:59 PVG 03:59 LAX 12:59 JFK 15:59
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86