七个不可错过的 React 组件库与开发框架

   <p><img src="https://simg.open-open.com/show/eb81d3408907d9d9428b7c8e1cedde79.png"></p>    <p>React是如今最火爆的前端技术，而React最棒的一个特点就是有大量功能丰富的组件库和开发框架可用。从按钮到卷轴到工具条，应有尽有，而且这些组件可以各行其是，也可以组装成复杂的UI，你也可以把UI分解成独立的可服用的模块。</p>    <p>以下IT经理网介绍几个非常重要而有用的React组件库和开发框架，方便你在现有React组件基础上快速拼装UI：</p>    <h2>1.React Material UI</h2>    <p><a href="/misc/goto?guid=4959007488104018325" rel="nofollow,noindex">Material UI</a> 是实现谷歌拟物设计原则最流行的框架，包含大量组件，如工具条、表格、按钮、导航等等。甚至还为UI设计提供了超过900个不同的SVG图标。</p>    <h2>2.React Bootstrap</h2>    <p><a href="/misc/goto?guid=4959754538770347630" rel="nofollow,noindex">React Bootstrap</a> 提供面向React组件的Bootstrap重构框架，Bootstrap是目前最流行的UI框架，将它与React组件合体，夫复何求？</p>    <h2>3.React Belle</h2>    <p><a href="/misc/goto?guid=4959754538861716992" rel="nofollow,noindex">React Belle</a> 提供哦你一系列漂亮的，可配置的组件，包括开关、下拉列表框、评分、文本输入、卡片等等。这个框架引以为傲的是为桌面和移动端都做了优化的同时，也支持进行样式上的高级自定义配置。</p>    <h2>4.React ToolBox</h2>    <p><a href="/misc/goto?guid=4959748739590804186" rel="nofollow,noindex">React Toolbox</a> 是非常流行的React组件库，包含大量拟物设计组件。React Toolbox基于最流行的方案例如CSS Modules（由SASS编写），Webpack和ES6，能够与Webpack工作流无缝集成，并且非常容易定制，也非常灵活。虽然包含多大十种组件，React Toolbox的可配置性非常高，提供绝佳的UI开发体验。</p>    <h2>5.React Grommet</h2>    <p><a href="/misc/goto?guid=4959748739710650567" rel="nofollow,noindex">Grommet</a> 是一个非常强调体验的的React组件库，所有组件都可访问，具备跨浏览器兼容性且支持主题定制。通过对属性的配置，组件的灵活性也可以进一步提高。Grommet颜值很高，非常适合用来快速开发干净简洁，具备关键基本功能的UI。</p>    <h2>6.Semantic UI</h2>    <p>React Semantic UI是React官方集成的Semantic UI组件库。作为一个开发框架，Semantic可用来创建界面美观的响应式布局，支持对HTML标签或组件渲染的控制。你也无需增加额外的嵌套组件来编辑组件功能和属性。这对于同时使用MenuLinks和React-router来说非常重要。</p>    <h2>7.React With Bit</h2>    <p><a href="/misc/goto?guid=4959754539010219218" rel="nofollow,noindex">Bit</a> 是一个非常强大的工具，可以调用任何其他应用或者代码库中找到的任何组件。Bit在你的源代码文件之上增加了一个虚拟层，帮助创建、管理和复用组件，而无需导入整个代码库。Bit会自动解析文档并在任意地点和框架中运行组件测试，这使Bit成为一个极为有用的React组件工具。在 <a href="/misc/goto?guid=4959754539082424788" rel="nofollow,noindex">Bit community hub</a> 社区，你还能找到所需的几乎 <a href="/misc/goto?guid=4959754539163564408" rel="nofollow,noindex">任何React UI功能</a> 。</p>    <p> </p>    <p>来自：http://web.jobbole.com/92392/</p>    <p> </p>