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

[mmr]

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

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

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

[ywUXm9U86a62N7rN]

React 技术栈，建议多关注蚂蚁的作品。整体而言 AntD 的设计语言已经非常成熟，其 UI 库也都不错。

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

希望能对你有些启发！

[mmr]

@shuoit 请问 css 您一般用什么呢，我真的不想写 css……，完全看不会，以前是主要打算法竞赛……

[adjusted]

大概就是不要想着“优雅”，“麻烦”，“局限”，直接上手试试

[ywUXm9U86a62N7rN]

@mmr 职业前端？ 还是不喜欢写样式？ 如果是前者，那由不得不想啊，哈哈。如果是后者可以考虑 less 这种...

[dudubaba]

antd + unocss + 手撸，不写 css 是不可能的

[debuggerx]

css 全用 flex 布局和 grid 布局就好了，做常规需求已经很简单也没什么恶心的了

[mmr]

@shuoit 职业高中生……

[chanChristin]

60 分能跑的狗屎比 100 分跑不了的蛋糕更重要
别管优雅不优雅，先写出来一个能跑的垃圾，再慢慢优化。

[ywUXm9U86a62N7rN]

@mmr 优秀啊，高中就开始搞 React 了...

[jsun969]

https://nextui.org/ + tailwindcss 还挺好看的

[iOCZS]

没有什么办法的，熵摆在那里，当你得到这个好处的时候，就会带来那个麻烦

[SayHelloHi]

shadcn/ui + React

https://ui.shadcn.com/

😄

[lstz]

antd 的设计很适合重前端的应用，设计规范也很不错，但是，它性能挺拉胯的，整体用起来会有些卡顿

为什么不喜欢 tailwindcss ？其实我觉得在没有设计稿的时候，用 t 是很好的选择，这都是大多数老手的选择

[bthulu]

初学者用什么 tailwindcss, 就最基础的 css 就行了. 等你 css 滚瓜烂熟了, 再去用 tailwindcss

[yuyu168]

49 年入国军真的好吗，前端都找不到工作裁员，你还初学

[taihengw]

初学者不用考虑那么多吧，又没有啥进度压力。建议先以兴趣为主，如果实在不喜欢 css ，那可以换别的方向看看呐，找到能让你废寝忘食的爱好更重要哦

[placeholder]

忍着恶心学呗，还能咋办，vanillaJS 是所有框架的基础，不学基础能行么。

react 这种一个文件里同时塞 html js 和 css 的东西，给我的感觉就是一张白纸沾了一坨屎呼我脸上，一开始学的时候也把我恶心的够呛，后来，呵

[cbdyzj]

我觉得 CSS 大多数时候都还行，试试 emotion 吧

[MrDavidJones]

早日弃坑

[Puteulanus]

前两天看人推荐了一个 https://twitter.com/vikingmute/status/1772076093438304270

[herozzm]

先上手撸 不要管那么多

[rocmax]

现在最人气的肯定是 shadcnui+tailwind
用 next 的时候 antd 和 ssr 相性不好

[NessajCN]

建议的话就是用 useEffect() 的时候一定要记得 return 清理函数,
还有 useState() 里面可以跟函数当 updater 用

[MAVETRICK]

有些人是不是魔怔了，人家可能是兴趣爱好学一下，又不指着这个吃饭。我 13 年还在看 Flash 的 ActionScript 呢，仅仅是好奇心驱使而已。

[mmr]

@yuyu168 不当饭吃，说了主业算法竞赛

[mmr]

tailwind 不知道咋和别的模板库的主题融合，这一加上暗色主题不知道咋折腾了

[Ritr]

tailwind 终极的建议，UI 试试 nextUI

[rehoni]

shadcn 还可以吧，我学 react 就准备用他了

[wiluxy]

css 方案现在推荐 tailwindcss 或者 emotion/styleX
组件库不喜欢 ant design 的话，可以看看 material ui(现在叫 mui)或者 chakra ui,如果愿意折腾可以试试 zag ui 、shadcn/ui 这种

[moyumoyu]

快跑！

[dayeye2006199]

感觉和 react 没啥关系

[xieguanglei]

对 React 初学者的建议：多看常看官网文档

[JavenXiao]

flex +1 ，能解决 99%的问题，哪怕工作中也是这样

[foolishcrab]

去看下 daisyui 就行了
你需要的就是这个，基于 tailwind 的 ui 库

[totoro52]

我目前用 umijs+ant 很舒服，单纯使用 umijs 也很舒服，把关注点都放在业务上而不是框架的搭建上，react 想做大一点的项目心理负担太大

[Torpedo]

样式就是 tailwind 加上 styled-compnent ，比如 emotion 之类的。

[lozzow]

@shuoit #1 但是 antd 卡阿

[langziyang]

如果没有 treeselect 需求的话，强烈建议你去看 MUI 。谷歌出品，可以说目前没有任何一个 UI 框架能跟它比。但是这框架有几个缺点，没有 treeselect ，时间段选择和 tree table 都是高级版才有

[gaeco]

多看看官方文档，然后找个开源项目看看人家怎么写的，然后试着给项目提个 PR. 推荐个前后端项目 https://github.com/getredash/redash （后端 python ，前端 react ）
提个 PR ，熟悉熟悉前后端开发。然后后面可以学学 go ，java 拓展一下

[d3George]

可以看下这个项目， 很适合学习 React 最新生态： https://github.com/d3george/slash-admin