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

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

  •  
  •   mmr ·
    confusder · 52 天前 · 3703 次点击
    这是一个创建于 52 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    39 条回复    2024-05-06 09:56:58 +08:00
    shuoit
        1
    shuoit  
       52 天前
    React 技术栈,建议多关注蚂蚁的作品。整体而言 AntD 的设计语言已经非常成熟,其 UI 库也都不错。

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

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

    https://ui.shadcn.com/

    😄
    lstz
        13
    lstz  
       52 天前 via Android
    antd 的设计很适合重前端的应用,设计规范也很不错,但是,它性能挺拉胯的,整体用起来会有些卡顿

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

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