react ui 组件库选择
material-ui ,semi.design ,antd ,react-bootstrap
应该选哪个?你们认为哪个组件库更优秀
根据目前有的回复,基本分为三类1 、基于知名组件库的进一步包装,如 procomponent2 、知名组件库如 antd 之类3 、与 tailwindcss 配合使用的自由式组件库,如 nextui 、shadcn/ui 等我本人目前倾向于在 2 、3 之间选择,大家的帮忙分析一下
补充一下:1 、目的是为了保证先进性的同时具备开发效率2 、不会考虑现有的后台模板,我需要一些创新性3 、对组件的丰富度是有很大期待的,比如说具备 DatetimeRangePicker 这种强大的组件
我打算写一个后台管理系统,现在不知道选哪个组件库,既漂亮、又全面、坑少、交互优秀
shadcn/ui 😁 ui.shadcn.com/
procomponent 一把梭。
NextUI:漂亮,精准,自定义程度高,细节拉满 nextui.org/
antd pro component 久经考验
这个确实漂亮,就是组件有些少,如果我要找一个 datepicker 我该怎么解决?
这个是不是可以和 daisyUI 结合起来玩
github.com/d3george/slash-admin?tab=readme-ov-file 。antdesign 或许可以?
这一套主题很好
基础 html 已经自带了ui 控件太重,简单易用足够
ProComponents 一把梭 +1 github.com/ant-design/pro-components省事的一
headlessui.com/
此控件的 UI 因浏览器而异。在不支持的浏览器中,其会优雅地降级为简单的 控件。
看 npm 安装量,选安装量最大的一般不会有问题
如果做后台管理的话,那推荐 AntD如果做前台的话,推荐 daisyUI 。
非专业前端,非常喜欢 shadcn 的风格,最近用 shadcn 把网站重构了一遍,还有:tailwind 真香
写 Windows 桌面应用(electron,tauri,wails)可以用微软官方的 fluent ui: github.com/microsoft/fluentui
你已经总结的很好了,用 3 可以做出更好看的效果,用 2 更方便,至于 2 和 3 都能涵盖的看看有没有更多推荐的
github.com/woshiqiang1/awesome-javascript-ui-kit-library提供一个组件库合集参考,可以点进去对比下,优先选活跃的
现在不支持 tailwindcss 的都可以抛弃了。哈哈,比如 antd
看看 Mantine: mantine.dev/
都被楼上推荐,复读一次,shadcn ,nextui ,headlessui
后台管理系统,我一般会选择表单支持的比较好的 antd
管理后台其实换 vue 更好,vue-admin-template
已经用 Shadcn 写了不下五个项目(大小项目都有),总结就是非常轻松
原来 UI 库差距真的很大的,在用 vue 的时候用 element-ui ,用 react 的时候用 antd直到最近写移动版 H5 ,听别人推荐用 vant 4卧槽,这破玩意真垃圾
antd 可以支持,我之前的项目用过,但是需要一些特殊的兼容性设置才可以
vue 国际上不够流行,函数式 ui 编程更具灵活性
mantine.dev 确实非常强大,不仅组件丰富,hook 也很丰富
推荐 NEXTUI
请教:如何解决复杂组件的问题,比如说 DatetimeRangePicker ?
我给你发的不是 ui 组件库,是一个完整的管理后台模版,连页面都写好了,接数据就可以用的那种
推荐 DaisyUI + NextUI + Radix Primitives ,前者是纯 CSS 样式库,但可以取代一些 JS 交互,非常适合纯服务器组件,对于 SEO 性能要求极高的页面(如静态首页、价格页等)需要尽可能少的使用 JS 。对于需要复杂交互的功能可以使用 NextUI 和 RadixUI ,如果确实需要它们中没有的组件可以再去 GitHub 找单独的组件。尽可能使用 TailwindCSS 集成友好的库,现在都流行 HeadlessUI ,方便使用 classNames 之类的属性定义组件各个部分的样式,可定制化强。另外推荐 tw-classed.vercel.app 或 react-twc.vercel.app 去封装纯样式组件以便复用(类似于 Styled Components 的形式去写 Tailwind 样式组件)。还有 github.com/dcastil/tailwind-merge 可以方便覆盖合并 TailwindCSS 类
后台的话看 refine 支持啥说明啥比较适合做后台,你这里面 antd 和 mui 是支持的
bestofjs 精选: bestofjs.org/projects?tags=component&tags=react&sort=totaltop 10 (按 star 排名):MUI 、Ant Design 、shadcn/ui 、Chakra UI 、Headless UI 、Mantine 、React bootstrap 、Blueprint 、NextUI 、Fluent UI
mantine
想要自由一点的话,推荐 material-ui ,前期可能会很麻烦,学习成本高一些。随着深入,逐渐根据自己的风格,形成属于自己的组件库。
DaisyUI 我在项目深入使用过,非常优秀,轻量,感谢
我需要自己做一套高质量的管理后台,目的不是为了节约工作量,而是保证足够先进的情况下保证开发效率,所以这里应该考虑后台模板类型的方案,感谢回复。
#36 对了 NextUI 底层用的是 Adobe 开源的 React Aria 库,里面的组件很多很强大,而且还有实用的 Hooks 和工具函数,你可以看看,但样式都需要自己定义 react-spectrum.adobe.com/react-aria react-spectrum.adobe.com/react-aria/DatePicker.html
感谢这是一个新的知识点
从这里可以看出前端是多么“卷”呀,我也一直在找一个合适的 ui 框架适配自己的 grpc-kit 服务端。
一起“卷”起来,顺便宣传一下你的 grpc-kit
在这个帖子里,发现了很多有意思的库😄
wow 这才像一个技术社区该有的亚子
比起组件库,我更想问一下,react 下基于某个组件库形成的后台管理框架的选择有哪些?比如 vue-admin-template 使用 element 之于 vue ,或者 pro ant design 使用 antd 之于 react ,但我不知道是国外用户的使用习惯原因还是什么,我感觉这种打包好的“后台管理框架”,在 react 生态下我总是感觉不够多。虽然打包起来的东西也没几样,一些 theme config ,全局 user store , 经典的路由,权限封装,request 封装,api proxy ,其实也就那几样。 但我感觉我找 vue 下的类似东西的时候总是选择更多一些(好坏不谈)。
mark ,等一波贴主的最终选择
组件是为需求服务的。。你这相当于我要一个超级牛逼一统天下的组件库。等于没要求。
如何解决支付接口被刷,程序使用 springboot 框架,nginx web 服务器. 上点风控手段呗,限流封号,最不济还可以报警 什么状况,生成很多不付款订单,还是分款…
支持中国大陆,香港,澳门,中国台湾,日本的 Apple 直营店。 如果监控到货会给手机推送消息,比网上下单要快。 已经帮 10 来个朋友成功买到了! 最快的 2 天,最慢的 1…
最近公司老板不知道抽什么风,非要做安全检测,我一个研发哪里懂这个,万般无奈就去找开源工具。结果发现了一个 java idea 插件可以做风险监测,这边简单记录和分享下。 首先放…