在这篇文章中，我们将分享一些最好的UI框架来帮助你创建React.jsApp。它们具有您需要的基本React组件、易于使用的API以及出色的外观和感觉。玩得开心！1.Material-UI是基于Google的MaterialDesign设计规范的React组件。此外，它也是React的第一个UI工具包。Material-UI拥有你需要的所有组件（以及更多），以及高度可配置的预定义调色板和来帮助你为你的应用程序定制相应的颜色主题。由于过去版本的Material-UI存在一些性能问题，我个人不是很满意。但自3.0发布以来，反馈表明它在性能方面有所改进。2.ReactDesktop为MacOSSierra和Windows10提供了ReactUI组件关于Electron框架，相信大家已经有所了解。如果你也对跨平台桌面应用程序UI组件感兴趣，那么React-Desktop绝对是你的“菜”。您可以使用它轻松获取适用于MacOS和Windows10系统的相应UI组件。3.Semantic-UI-React是Semantic-UI官方出品的ReactUI组件，个人认为是最好用的ReactUI框架。它是一个基于Semantic-UI的官方React组件，几乎涵盖了Semantic-UI上的所有组件，并且它还有一个易于使用的DeclarativeAPI，以及React组件的简写props，并且可以做到jQuery-free。另外我做了一个新手用React-Semantic-UI，Webpack搭建项目的例子，大家也可以看看。4、Ant-design一套基于React的Web组件库的企业级UI设计语言及体验解决方案参考官方文档介绍：Web应用的企业级UI设计语言。一组开箱即用的高质量React组件。使用具有完全定义类型的TypeScript构建。基于npm+webpack+dva的前端开发工作流程。支持浏览器、服务端渲染和Electron环境，组件丰富。前端培训也可以通过Create-react-app来学习。查看Ant-design演示！5.Blueprint引用官方文档：“它将针对具有复杂、数据密集型Web界面的桌面应用程序进行全面优化。如果您关注移动端的交互体验并正在寻找移动优先的UI套件，未必适合你。”Blueprint是用TypeScript构建的，并且有很好的文档。它包含丰富的(30+)React基本组件，从按钮到表单控件和工具提示。此外，它的每个组件都包含CSS样式。而且，您还可以使用Sass和Less变量等工具、优雅的调色板和300多个两种尺寸的UI图标来创建您独有的组件和应用程序。6.React-Bootstrap使用React构建的Bootstrap3组件引用自官方文档：React-Bootstrapisareusablefront-endcomponentlibrary。通过使用Facebook的React.js框架，通过更清晰的代码获得TwitterBootstrap的外观和感觉。简而言之，它是著名的Bootstrap组件的React实现。7.React-Toolbox是一套基于Google的MaterialDesign规范和CSS模块的React组件。你听说过CSS模块吗？React-Toolbox依赖于它。React-Toolbox是一个高度可定制的框架，具有30多个开箱即用的组件。从此，你不再需要使用Purify-CSS之类的工具，只需要通过所需的CSS就可以开发项目。8.Grommet用于企业应用程序的高级UX框架Grommet不仅仅是一个UX框架，它还提供了从理论到应用程序开发所需的所有指导、组件和设计资源。例如，它提供了用React编写的丰富的UX组件、自带的grommet-cli、入门学习指南、预设模板、优秀的文档等资源。9、用于为Office和Office365构建用户体验的FabricReact组件在过去的几年里，微软支持并创建了许多开源项目，例如Angular2、TypeScript、VSCode（基于Electron）和Fabric。Fabric是用TypeScript编写的官方Office库，具有“入门”指南、博客、官方调色板和字体，以及项目所需的所有组件。10.React-md这是另一个基于谷歌MaterialDesign设计规范的库。React-md有很多常用的Material组件，你可以根据自己的需要轻松定制。同时，它也有很好的文档，以及快速入门指南。然而，这个库目前只有一个人维护和开发。如果你想为开源项目做贡献，也许React-md是一个不错的选择。
