一些关于 React 的疑问

[vdrapb]

1. React 应该搭配什么前端 UI 框架使用，有没有推荐的
2. 在调用接口服务的时候，用 axios 还是直接 fetch
3. 如果不使用 UI 框架，有没有哪些推荐的 css 框架

[veture]

1.mui
2.fetch
3.tailwind

[NessajCN]

1. 自己写 style： https://github.com/tailwindlabs/headlessui , 现成 style： https://mui.com/material-ui/
2. 都行，没区别。用 fetch 不兼容老 ie. 不过都用 react 了也不大可能还想兼容老 ie
3. https://tailwindcss.com/

[zed1018]

1. ant-design
2. fetch
3. tailwindcss

[vlgs]

1. 主流都可。个人推荐 radix shadcn
2. fetch, 可以试试 RSC
3. tailwind

[surfwave]

1. 建议自己写 css ，省事就 tailwindcss
2. nextjs 可以选用 swr ，或者强绑定的 tRPC ，不用 nextjs ，啥都行，比如 axios ，fetch 这些
3. tailwindcss ，刚开始会觉得很繁琐，用多了就能体会到好处了

[vdrapb]

@surfwave 看到你说 next.js ，那 next ui 可以用吗？我去官网看了一下，感觉挺不错的

[surfwave]

@vdrapb 常用组件是有的。没有的组件只有自己手搓了。

[CodingNaux]

1. 后台无脑 antd ，前台随便，看风格
2. SWR ，fetcher 随便搭配,xhr 或 fetch 都可以（ swr 可以当一个全局的 api 数据 store 挺方便）
3. tailwind

建议新项目直接从 full-stack React framework 开始

[RealJacob]

1 b 端项目还是 antd 吧，整体确实是方便。c 端项目就 headlessui ，mui
2 fetch 和 axios 没区别
3 tailwind

[mdn]

@vdrapb next-ui 是非官方的，就像 material-ui ，模仿官方效果做的

[gogogo1203]

2023 年，React api call 不要直接用 axios 或者 fetch 做 async, 需要自己写各种 isLoading, isError. 用 react-query, 可以做 cache ，各种状态和结果直接一个 hook 就搞定了。

[gogogo1203]

ui 的话，shadcn+tailwind 最近非常流行。 可以说开创了一个新的组件调用的方式，非常方便

[christin]

antd axios 手写 css

[zq51500]

感觉 @vanilla-extract/css 也蛮好用的

[lianchi]

UI 框架选择：
1 、unocss ，它和 Vue 搭配更好，不过在 Vite + React 上的配置稍微多一点点；
2 、tailwindcss ；
3 、同样是 tailwind 团队出的 Headless UI ，是基于 tailwindcss 的简单封装，兼具了自由、灵活、美观。

接口调用：都行，一般都会基于现成的库（根据项目需要）做一层封装。

[plasticman64]

fetch ，axios 区别不大，如果以后要给别人维护的话推荐 axios ，会的人多点

[tkHello]

什么类型的项目 项目不同 选型不同

[xiaoxinshiwo]

@gogogo1203 #12 原子化吗？组件这么调用感觉有点麻烦了

```
<AlertDialog>
<AlertDialogTrigger>Open</AlertDialogTrigger>
<AlertDialogContent>
<AlertDialogHeader>
<AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
<AlertDialogDescription>
This action cannot be undone. This will permanently delete your account
and remove your data from our servers.
</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel>Cancel</AlertDialogCancel>
<AlertDialogAction>Continue</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent>
</AlertDialog>

```

[gogogo1203]

@xiaoxinshiwo composition 我认为才是终极组件，按照自己的需要加减。 有些 component lib 一定要塞个按钮，多个 divider. shadcnui 大火不是没有道理的。

[xiaoxinshiwo]

@gogogo1203 #19 确实灵活很多