react ui 组件库选择

[dc2002007]

material-ui ，semi.design ，antd ，react-bootstrap 应该选哪个？你们认为哪个组件库更优秀

[flmn]

看看 Mantine： https://mantine.dev/

[jlak]

都被楼上推荐，复读一次，shadcn ，nextui ，headlessui

[paledream]

后台管理系统，我一般会选择表单支持的比较好的 antd

[murmur]

@dc2002007 管理后台其实换 vue 更好，vue-admin-template

[vsitebon]

已经用 Shadcn 写了不下五个项目（大小项目都有），总结就是非常轻松

[twofox]

原来 UI 库差距真的很大的，在用 vue 的时候用 element-ui ，用 react 的时候用 antd

直到最近写移动版 H5 ，听别人推荐用 vant 4
卧槽，这破玩意真垃圾

[dc2002007]

antd 可以支持，我之前的项目用过，但是需要一些特殊的兼容性设置才可以

[dc2002007]

@murmur vue 国际上不够流行，函数式 ui 编程更具灵活性

[dc2002007]

@flmn mantine.dev 确实非常强大，不仅组件丰富，hook 也很丰富

[godleon]

推荐 NEXTUI

[dc2002007]

@vsitebon 请教：如何解决复杂组件的问题，比如说 DatetimeRangePicker ？

[murmur]

@dc2002007 我给你发的不是 ui 组件库，是一个完整的管理后台模版，连页面都写好了，接数据就可以用的那种

[u3u]

推荐 DaisyUI + NextUI + Radix Primitives ，前者是纯 CSS 样式库，但可以取代一些 JS 交互，非常适合纯服务器组件，对于 SEO 性能要求极高的页面（如静态首页、价格页等）需要尽可能少的使用 JS 。对于需要复杂交互的功能可以使用 NextUI 和 RadixUI ，如果确实需要它们中没有的组件可以再去 GitHub 找单独的组件。尽可能使用 TailwindCSS 集成友好的库，现在都流行 HeadlessUI ，方便使用 classNames 之类的属性定义组件各个部分的样式，可定制化强。另外推荐 https://tw-classed.vercel.app 或 https://react-twc.vercel.app 去封装纯样式组件以便复用（类似于 Styled Components 的形式去写 Tailwind 样式组件）。还有 https://github.com/dcastil/tailwind-merge 可以方便覆盖合并 TailwindCSS 类

[popil1987]

后台的话看 refine 支持啥说明啥比较适合做后台，你这里面 antd 和 mui 是支持的

[zengxs]

bestofjs 精选： https://bestofjs.org/projects?tags=component&tags=react&sort=total

top 10 （按 star 排名）：MUI 、Ant Design 、shadcn/ui 、Chakra UI 、Headless UI 、Mantine 、React bootstrap 、Blueprint 、NextUI 、Fluent UI

[fd9xr]

mantine

[jianming348]

想要自由一点的话，推荐 material-ui ，前期可能会很麻烦，学习成本高一些。随着深入，逐渐根据自己的风格，形成属于自己的组件库。

[dc2002007]

@u3u DaisyUI 我在项目深入使用过，非常优秀，轻量，感谢

[dc2002007]

@murmur 我需要自己做一套高质量的管理后台，目的不是为了节约工作量，而是保证足够先进的情况下保证开发效率，所以这里应该考虑后台模板类型的方案，感谢回复。

[u3u]

@dc2002007 #36 对了 NextUI 底层用的是 Adobe 开源的 React Aria 库，里面的组件很多很强大，而且还有实用的 Hooks 和工具函数，你可以看看，但样式都需要自己定义
https://react-spectrum.adobe.com/react-aria
https://react-spectrum.adobe.com/react-aria/DatePicker.html