• 技术文章 >web前端 >前端问答

    react开发框架有哪些?

    青灯夜游青灯夜游2021-01-07 17:48:38原创1669

    react开发框架有:1、React Material UI;2、React Bootstrap;3、React Belle;4、React ToolBox;5、React Grommet;6、Semantic UI等等。

    本教程操作环境:windows7系统、react16版本、Dell G3电脑。

    React是如今最火爆的前端技术,而React最棒的一个特点就是有大量功能丰富的组件库和开发框架可用。从按钮到卷轴到工具条,应有尽有,而且这些组件可以各行其是,也可以组装成复杂的UI,你也可以把UI分解成独立的可服用的模块。

    下面给大家介绍几个非常重要而有用的React组件库和开发框架,方便你在现有React组件基础上快速拼装UI:

    1.React Material UI

    Material UI是实现谷歌拟物设计原则的框架,包含大量组件,如工具条、表格、按钮、导航等等。甚至还为UI设计提供了超过900个不同的SVG图标。

    2.React Bootstrap

    React Bootstrap提供面向React组件的Bootstrap重构框架,Bootstrap是目前最流行的UI框架,将它与React组件合体,夫复何求?

    3.React Belle

    React Belle提供哦你一系列漂亮的,可配置的组件,包括开关、下拉列表框、评分、文本输入、卡片等等。这个框架引以为傲的是为桌面和移动端都做了优化的同时,也支持进行样式上的高级自定义配置。

    4.React ToolBox

    React Toolbox是非常流行的React组件库(框架),包含大量拟物设计组件。React Toolbox基于最流行的方案例如CSS Modules(由SASS编写),Webpack和ES6,能够与Webpack工作流无缝集成,并且非常容易定制,也非常灵活。虽然包含多大十种组件,React Toolbox的可配置性非常高,提供绝佳的UI开发体验。

    5.React Grommet

    Grommet是一个非常强调体验的的React组件库,所有组件都可访问,具备跨浏览器兼容性且支持主题定制。通过对属性的配置,组件的灵活性也可以进一步提高。Grommet颜值很高,非常适合用来快速开发干净简洁,具备关键基本功能的UI。

    6.Semantic UI

    React Semantic UI是React官方集成的Semantic UI组件库。作为一个开发框架,Semantic可用来创建界面美观的响应式布局,支持对HTML标签或组件渲染的控制。你也无需增加额外的嵌套组件来编辑组件功能和属性。这对于同时使用MenuLinks和React-router来说非常重要。

    7.React With Bit

    Bit是一个非常强大的工具,可以调用任何其他应用或者代码库中找到的任何组件。Bit在你的源代码文件之上增加了一个虚拟层,帮助创建、管理和复用组件,而无需导入整个代码库。Bit会自动解析文档并在任意地点和框架中运行组件测试,这使Bit成为一个极为有用的React组件工具。在Bit community hub社区,你还能找到所需的几乎任何React UI功能。

    更多编程相关知识,请访问:编程视频课程!!

    以上就是react开发框架有哪些?的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:react 开发框架
    上一篇:如何查看css是否被覆盖? 下一篇:vue和react状态管理有啥区别?
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• react中的portal是做什么的• react和react native的区别是什么• react状态机是什么• react创建组件的三种方式分别是什么• react如何控制显示与隐藏
    1/1

    PHP中文网