一些关于 React 的疑问

2023-08-23 10:32:47 +08:00
 vdrapb
  1. React 应该搭配什么前端 UI 框架使用,有没有推荐的
  2. 在调用接口服务的时候,用 axios 还是直接 fetch
  3. 如果不使用 UI 框架,有没有哪些推荐的 css 框架
7525 次点击
所在节点    程序员
49 条回复
vdrapb
2023-08-23 16:38:04 +08:00
@tkHello 个人学着做点东西
iamppz
2023-08-23 16:44:07 +08:00
前面几楼基本都说了,个人感觉目前的最佳实践是 tailwindcss + radix shadcn ,慎重选择 antd 和 mui 这种不太容易自定义样式的框架
gogogo1203
2023-08-23 16:48:51 +08:00
@xiaoxinshiwo 而且你可以随便改逻辑,样式和组合, 代码在你 src 文件夹里,不是 node_modules 。
vdrapb
2023-08-23 16:51:14 +08:00
@xiaoxinshiwo 但是自由度高了
shui14
2023-08-23 17:27:30 +08:00
next-ui 或者 material-ui 吧,它们有设计,否则你自己来,出活不尽人意,选一个标准模仿,上限不高,但是保证下限
全栈就 nextjs trpc ,前端就随便 nextjs 或者 cra 都行,io 可以 react-query ,这样不用折腾状态,看样子你这小项目,也没用整
LFL976
2023-08-23 17:29:54 +08:00
官方推荐了 next.js 咋样
zogwosh
2023-08-23 18:01:49 +08:00
1.无脑 ant design
2.react query+axios
3.tailwindcss +daisyui
DICK23
2023-08-23 18:02:53 +08:00
1.随便都行,要快速就阿里系,antd antd pro-components,要搞定制化就 headui, 比如 shadcn-ui 这种
2.简单点可以直接请求,fetch 自己封装一下就行,要考虑状态管理啥的可以用 @tanstck/react-query 这种包,还有 swr,这些和 axios 同时使用配合更好
3.tailwindcss
fyxtc
2023-08-23 18:20:40 +08:00
居然没人推荐 chakra-ui ,那我推荐一下吧,mui 老牌子了,可以把 chakra-ui 当成下一代的 mui
shunia
2023-08-23 21:52:56 +08:00
mui 比 antd 拉多了,antd 不如 tailwindcss/unocss 自定义万物,虽然 antd 也可以自定义吧,所以 antd 和 css 自选一种。
headlessui 之类的不太适合没有自己的设计系统的项目用,组装太费劲。
next 系的 UI 设计系统里字太小,费眼,个人用没啥问题但是不适合商用不如 antd 。如果自定义设计系统又回到第一行了,选 css 。
那个 shad 就是 vercel 的员工,所以他那库样式风格也那样。
如果选了 css 可以适当配合 daisy ui 或者 flowbite 之类的库,但是我个人觉得意义不大。
gzf6
2023-08-23 22:05:18 +08:00
不需要监听上传进度就 fetch,否则用 axios 之类的
cbdyzj
2023-08-23 22:47:05 +08:00
1. mui
2. fetch
3. emotion
maiyasu
2023-08-23 23:53:14 +08:00
TailwindCSS 没有错的,如果你喜欢自己控制的话。
shervinchen
2023-08-24 00:23:31 +08:00
@shunia
主要是看需求,B 端项目(比如管理系统)不追求高定制化的话,就适合用 antd/mui 这种把逻辑样式封装好的库

如果是 C 端项目,要追求组件逻辑的高度定制化,那还是 radix/chakra 这种 headless 库好一点,可以自己用一些其他的逻辑库去组合实现想要的效果,灵活度很高(用 antd 这样的库,逻辑基本没法定制)
shuding
2023-08-24 00:52:46 +08:00
1. Radix UI:细节做到极致
2. fetch:拥抱标准,同一份代码在主流浏览器和 Node.js 18+ 里都可以无依赖直接运行
3. TailwindCSS:所有 React 环境和模式下都完美的一套方案(当然也可以用类似的原子化方案如 UnoCSS / Windi CSS )
HaroldFinchNYC
2023-08-24 01:43:09 +08:00
React 应该搭配什么前端 UI 框架使用,有没有推荐的

其实几个出名的框架都不错

在调用接口服务的时候,用 axios 还是直接 fetch

如果只是前端网页,fetch 足够
如果有 ssr ,axios 很稳

如果不使用 UI 框架,有没有哪些推荐的 css 框架

bootstrap

但还是用框架吧,更省事一些
sakae010
2023-08-24 09:50:07 +08:00
1. to b 或者业务复杂,ui 定制化不高 antd; 业务不太复杂,ui 定制化高,选国外的,主要国内想法花里胡哨的,antd 很多好用的组件可以直接上,国外的封装的都简单,需要你再次封装费时间

2. fetch + react query

3. unocss + less
wednesdayco
2023-08-24 11:19:15 +08:00
好多推荐 tailwind 的,只有我不喜欢用这类型的 css 框架的么?
lidongyx
2023-08-24 11:33:08 +08:00
我一般前端、后端都一起写,而且非常喜欢用套装
比如 Nextjs ,就喜欢用 Nextui 、vercel 的全套服务;
比如 Amplify ( Lambda )或 Firebase 也是能全套就尽量全套,而且这些都是全栈都有
小程序也喜欢用原生的...然后小程序云开发的网页会有 antd
接口都是用 axios
tonytonychopper
2023-08-24 12:05:14 +08:00
如果是那种后台项目,不考虑审美的情况下可以无脑 antd 吧,但是用它如果后续想改下风格会比较头疼

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/967560

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX