推荐一些好的前段 UI 库或者 css 方案吧。
我一直比较反感 css ,挺不优雅的。
目前比较喜欢 tailwind ,又觉得局限,看了 css in js 也感觉很麻烦,大家都是咋解决的呢
1 ywUXm9U86a62N7rN 2024-03-30 11:06:09 +08:00 React 技术栈,建议多关注蚂蚁的作品。整体而言 AntD 的设计语言已经非常成熟,其 UI 库也都不错。 移动端的话撸 ReactNative 和 Taro 小程序框架就够了。另,外卖厂的东西要慎重...... 希望能对你有些启发! |
![]() | 3 adjusted 2024-03-30 11:09:19 +08:00 大概就是不要想着“优雅”,“麻烦”,“局限”,直接上手试试 |
4 ywUXm9U86a62N7rN 2024-03-30 11:15:25 +08:00 @mmr 职业前端? 还是不喜欢写样式? 如果是前者,那由不得不想啊,哈哈。如果是后者可以考虑 less 这种... |
![]() | 5 dudubaba 2024-03-30 11:18:42 +08:00 antd + unocss + 手撸,不写 css 是不可能的 |
![]() | 6 debuggerx 2024-03-30 11:19:27 +08:00 via Android css 全用 flex 布局和 grid 布局就好了,做常规需求已经很简单也没什么恶心的了 |
![]() | 7 OP ![]() @shuoit 职业高中生…… |
![]() | 8 Leeeeex PRO 60 分能跑的狗屎比 100 分跑不了的蛋糕更重要 别管优雅不优雅,先写出来一个能跑的垃圾,再慢慢优化。 |
9 ywUXm9U86a62N7rN 2024-03-30 11:47:29 +08:00 @mmr 优秀啊,高中就开始搞 React 了... |
![]() | 10 jsun969 2024-03-30 11:47:42 +08:00 https://nextui.org/ + tailwindcss 还挺好看的 |
11 iOCZS 2024-03-30 11:55:37 +08:00 没有什么办法的,熵摆在那里,当你得到这个好处的时候,就会带来那个麻烦 |
![]() | 12 SayHelloHi 2024-03-30 12:52:56 +08:00 |
![]() | 13 lstz 2024-03-30 13:42:45 +08:00 via Android antd 的设计很适合重前端的应用,设计规范也很不错,但是,它性能挺拉胯的,整体用起来会有些卡顿 为什么不喜欢 tailwindcss ?其实我觉得在没有设计稿的时候,用 t 是很好的选择,这都是大多数老手的选择 |
14 bthulu 2024-03-30 13:54:41 +08:00 初学者用什么 tailwindcss, 就最基础的 css 就行了. 等你 css 滚瓜烂熟了, 再去用 tailwindcss |
![]() | 15 yuyu168 2024-03-30 14:05:20 +08:00 49 年入国军真的好吗,前端都找不到工作裁员,你还初学 |
![]() | 16 taihengw 2024-03-30 14:15:36 +08:00 初学者不用考虑那么多吧,又没有啥进度压力。建议先以兴趣为主,如果实在不喜欢 css ,那可以换别的方向看看呐,找到能让你废寝忘食的爱好更重要哦 |
![]() | 17 placeholder 2024-03-30 14:16:10 +08:00 忍着恶心学呗,还能咋办,vanillaJS 是所有框架的基础,不学基础能行么。 react 这种一个文件里同时塞 html js 和 css 的东西,给我的感觉就是一张白纸沾了一坨屎呼我脸上,一开始学的时候也把我恶心的够呛,后来,呵 |
18 cbdyzj 2024-03-30 14:19:10 +08:00 我觉得 CSS 大多数时候都还行,试试 emotion 吧 |
![]() | 19 MrDavidJones 2024-03-30 14:21:25 +08:00 via iPhone 早日弃坑 |
![]() | 20 Puteulanus 2024-03-30 14:21:34 +08:00 |
![]() | 21 herozzm 2024-03-30 15:17:33 +08:00 先上手撸 不要管那么多 |
22 rocmax 2024-03-30 15:19:33 +08:00 via Android 现在最人气的肯定是 shadcnui+tailwind 用 next 的时候 antd 和 ssr 相性不好 |
23 NessajCN 2024-03-30 15:31:41 +08:00 建议的话就是用 useEffect() 的时候一定要记得 return 清理函数, 还有 useState() 里面可以跟函数当 updater 用 |
24 MAVETRICK 2024-03-30 15:32:33 +08:00 有些人是不是魔怔了,人家可能是兴趣爱好学一下,又不指着这个吃饭。我 13 年还在看 Flash 的 ActionScript 呢,仅仅是好奇心驱使而已。 |
![]() | 26 mmr OP tailwind 不知道咋和别的模板库的主题融合,这一加上暗色主题不知道咋折腾了 |
![]() | 27 Ritr 2024-03-30 22:11:21 +08:00 tailwind 终极的建议,UI 试试 nextUI |
![]() | 28 rehoni 2024-03-31 00:12:28 +08:00 via Android shadcn 还可以吧,我学 react 就准备用他了 |
![]() | 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 这种 |
30 moyumoyu 2024-03-31 02:12:24 +08:00 via iPhone 快跑! |
31 dayeye2006199 2024-03-31 03:14:11 +08:00 via Android 感觉和 react 没啥关系 |
![]() | 32 xieguanglei 2024-03-31 09:23:04 +08:00 对 React 初学者的建议:多看常看官网文档 |
![]() | 33 JavenXiao 2024-03-31 09:52:59 +08:00 flex +1 ,能解决 99%的问题,哪怕工作中也是这样 |
34 foolishcrab 2024-03-31 13:37:02 +08:00 去看下 daisyui 就行了 你需要的就是这个,基于 tailwind 的 ui 库 |
![]() | 35 MIUIOS 2024-03-31 13:54:28 +08:00 我目前用 umijs+ant 很舒服,单纯使用 umijs 也很舒服,把关注点都放在业务上而不是框架的搭建上,react 想做大一点的项目心理负担太大 |
![]() | 36 Torpedo 2024-03-31 14:31:44 +08:00 样式就是 tailwind 加上 styled-compnent ,比如 emotion 之类的。 |
38 langziyang 2024-04-25 08:57:03 +08:00 如果没有 treeselect 需求的话,强烈建议你去看 MUI 。谷歌出品,可以说目前没有任何一个 UI 框架能跟它比。但是这框架有几个缺点,没有 treeselect ,时间段选择和 tree table 都是高级版才有 |
![]() | 39 gaeco 2024-05-06 09:56:58 +08:00 多看看官方文档,然后找个开源项目看看人家怎么写的,然后试着给项目提个 PR. 推荐个前后端项目 https://github.com/getredash/redash (后端 python ,前端 react ) 提个 PR ,熟悉熟悉前后端开发。然后后面可以学学 go ,java 拓展一下 |
![]() | 40 d3George 2024-07-03 11:21:12 +08:00 可以看下这个项目, 很适合学习 React 最新生态: https://github.com/d3george/slash-admin |