React PC端框架

1. Ant Design

Ant Design是阿里巴巴团队出品的ReactUI组件库。有自己独特的设计风格和理念。非常符合国人的审美需求。并且在支付宝、蚂蚁金服等多个阿里项目中投入使用。组件化质量非常高,开箱即用。支持浏览器、服务端渲染以及Electron环境。包括刚刚推出支付宝小程序也是这一套设计风格。可谓国人开发React应用必修科目。
中文文档 | github地址

Ant Design

 

2. Material-UI

一款React组件库来实现Google的Material Design风格UI界面框架。也是首个React的UI工具集之一。Material-UI 组件是独立工作的。 它们是自我支持的,并只要注入而且仅注入它们需要显示的样式。 他们不依赖任何全局的样式表,如 normalize.css。Material-UI首先是移动开发的,我们首先为移动设备编写代码,然后根据需要使用CSS媒体查询扩展组件。 要确保所有设备的正确渲染和触摸缩放,请将响应式视口元标记添加到 <head> 元素。
中文文档 | github地址 | 在线预览

Material-UI

 

3. Semantic-UI-React

Semantic-UI-React有极为丰富切漂亮的UI组件库,并且结构化做得非常好。React版本为官方出版,所有React组件都具有非常简洁的API和简明的属性,并且不依赖与jQuery,操作虚拟DOM提高性能带来更完美的用户体验。
中文文档 | github地址

Semantic-UI-React

 

4. React-Bootstrap

谈到组件库就不得不提Twitter公司开源的Bootstrap了,它帮助多少程序猿解决了WEB-UI界面开发的难题。React-Bootstrap 是可重用的前端组件库。与 Twitter Bootstrap 一致外观与感受,但通过 Facebook 的 React.js 框架获得更清爽的代码。最流行的前端架构,为 React 而重构。
中文文档 | github地址

React-Bootstrap

 

5. BFD UI

企业级 React 组件库。
中文文档 | github地址

BFD UI

 

6. Amaze UI React

Amaze UI React 基于 React.js(v0.14+)开发的Web 组件库,如果你没有使用过 React,请先访问 React 官网学习。
中文文档 | github地址

Amaze UI React

 

7. React UI

React组件库,样式基于bootstrap 4.0
中文文档 | github地址

React UI

 

8. RSUITE

一套 React 的 UI 组件库。
中文文档 | github地址 | 在线预览

RSUITE

 

9. Elemental UI

用于React.js网站和应用程序的UI组件库。
在线文档 | github地址

Elemental UI

 

10. reactstrap

易于使用的React Bootstrap 4组件。
在线文档 | github地址

reactstrap



作者:grain先森
链接:https://www.jianshu.com/p/8f37efe501ca
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

低代码开发平台是一种简化软件开发过程的技术,它允许非专业开发者通过图形用户界面(GUI)进行应用程序设计,而不需要深入的编程知识。对于基于React框架的前端应用开发来说,使用低代码工具意味着开发者能利用可视化界面搭建React组件、管理状态、处理事件等,无需手动编写大量的JavaScript代码。 在PC端,有一些低代码平台可以用于构建React应用: ### 1. Bubble.io Bubble.io 提供了一个完全可视化的环境来创建复杂的应用程序。尽管它不是专门针对 React 的,但它支持构建动态网页并能够生成跨平台的应用程序。开发者可以在平台上创建页面布局,添加组件,并通过简单的设置来进行数据绑定和交互操作。虽然它不如直接使用 React 和相关工具如 `create-react-app` 那样精细和高效,但对于快速原型制作和简单应用开发非常有效。 ### 2. Appgyver Appgyver 是另一个提供低代码开发服务的选择,它允许创建响应式 Web 应用程序,包括那些使用 React 构建的。Appgyver 提供了一种直观的方式来组织数据模型、选择视图和组件,以及实现复杂的业务逻辑。它特别适合于需要跨多个平台(如Web、iOS、Android)发布应用的情况。 ### 相关问题 - 使用低代码平台构建 React 应用的注意事项有哪些? 1. **性能考虑**:低代码平台可能会引入额外的运行时开销,因此在对性能有高要求的应用场景下,可能需要权衡其使用效果。 2. **定制化限制**:与高度定制化的手写代码相比,低代码平台提供的选项可能有限制,某些高级特性可能无法满足特定需求。 3. **学习曲线**:对于已经有经验的开发者而言,适应低代码平台的界面和工作流程可能需要一定时间,这可能会影响到开发效率。 4. **版本控制**:在团队协作环境中,如何有效地管理和控制由低代码平台产生的代码结构和依赖,可能是一个挑战。 通过使用这些低代码工具,开发者可以更快地将想法转化为实际的产品,同时保持较低的学习成本和更高的开发速度。然而,在选择合适的工具时,应综合考虑项目的需求、目标受众和技术栈兼容性等因素。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值