十三个值得选择的优秀ReactJS框架开源平台。Facebook于2011年将React.js开发为JavaScript库，以满足跨平台、动态和高性能的UI需求。Facebook于2015年发布的ReactNative可用于通过JavaScript构建原生应用程序。2019年，在StackOverflow对开发者的调查中，React.js和ReactNative在可用性和关注度方面均名列前茅。本文将和大家一起探讨十三个优秀的ReactJavaScript框架，方便大家在实际项目中灵活选择。其中前11个（如React）拥有MIT许可证，而后两个拥有Apache2.0许可证。1.CreateReactApp作为每个ReactNative项目必备的功能，CreateReactApp是Facebook开发者提供的一个命令行界面框架。它易于使用，通过消除手动设置和应用程序配置，为用户节省了大量时间和精力。您可以使用CreateReactApp来构建目录和文件。同时，该框架还提供了构建、测试和启动应用程序的工具。如下所示，只需一个简单的命令，您就可以轻松创建React-native项目。为什么CreateReactApp提供一流的开发工具集，包括：供应包、编译器和测试运行器。应用程序结构中没有配置，也没有冗余文件。可靠的开发堆栈（参见：https://dzone.com/articles/why-full-stack-development-is-too-good-for-you-in）。高效快速的开发工具。2.MaterialKitReact，源自谷歌的MaterialDesign系统，是构建ReactUI组件的绝佳选择。框架库提供了多种组件组合，超过1000个完全编码的组件。每个组件都有一个单独的层。它们分布在不同的文件夹中以提供数以千计的选择。此外，MaterialKitReact示例页面将为您提供各种设计灵感并与他人分享概念。安装MaterialKit$npminstall@material-ui/core应用优势Material-UI组件在运行时不需要任何其他设置，不会“污染”全局环境。这个React组件支持更简单、更快速的Web开发方式。有了它，您可以构建自己的设计系统或从MaterialDesign开始。3.ShardsReact这个现代的ReactUI工具包提供了快速的性能。您可以从头开始按照您想要的方式定义和构建您的系统。您甚至可以下载源文件并在代码级别自定义内容。此外，ShardsReact提供的SCSS语法可以通过样式来提升用户的开发体验。顾名思义，基于Shards的ShardsReact使用了ReactDatepicker、ReactPopper（定位引擎）和noUISlider。除了支持各种炫酷的MaterialDesign图标外，它的一些预制版本可以帮助您更轻松地上手该框架，并帮助您获得其他设计灵感。使用Yarn或NPM安装Shards#Yarnyarnaddshards-react#NPMnpmihards-reactAdvantages轻量级Shards，压缩后只有13kb。默认情况下，Shards可以重新排列布局以适应任??何屏幕尺寸。Shards通过完善的文档帮助您尽快开始构建自己的界面。4.StyledComponents这种高效的CSS工具可以为应用程序的可视化界面构建小型且可重用的组件。使用传统CSS，您可能会不小心覆盖目标站点上其他地方使用的选择器。但是StyledComponents可以通过直接在组件内部使用CSS语法来帮助您完全避免此类问题。安装npminstall--savestyled-components应用程序的好处可以使组件更具可读性。它的样式依赖于JavaScript。使用CSS构建自定义组件。内联样式的能力。只需调用styled()即可将相应的组件（即使是自定义组件）转换为样式化组件。5.ReduxRedux是JavaScript应用程序的状态管理解决方案。虽然它主要用于React.js，但您也可以将它与其他类似React的框架一起使用。安装sudonpminstallreduxsudonpminstallreact-redux应用程序优势可预测的状态更新，有助于定义应用程序的数据流。有了reducer功能，用户在逻辑上更容易进行测试和穿越调试。有利于国家的集权。6.ReactVirtualizedReactNativeJS框架适用于大型列表和表格数据的呈现。借助ReactVirtualized，您可以通过限制各种请求的数量和文档对象模型(DOM)的元素来提高React应用程序的整体性能。安装npminstallreact-virtualizedapplication的好处可以有效展示大量数据。能够渲染庞大的数据集。可以使用一套完整的组件来实现虚拟化渲染。7.ReactDnDReactDnD主要负责创建复杂的拖拽界面。使它从数十个拖放库中脱颖而出的是它构建在基于HTML5的拖放API之上，这使得创建界面的过程更加容易。安装npminstallreact-dnd-preview应用程序的好处可以实现项目之间的平滑拖拽移动。具有强大的键盘和屏幕阅读和识别功能。具有优异的性能。提供简洁而强大的API。在标准浏览器上，它具有出色的交互能力。提供未修饰的样式。无需创建额外的包装器dom节点。8.ReactBootstrap这个UI工具库使用React来替代Bootstrap的JavaScript，让用户可以更好的控制各个组件的功能。由于每个组件在构建时都可以轻松访问，ReactBootstrap可以辅助构建前端框架，并自带数以万计的bootstrap主题可供选择。安装npminstallreact-bootstrapbootstrap应用优势可以轻松导入各种需要的代码和组件。Bootstrap可以被缩小以减少各种拼写错误和潜在的冲突。非常容易使用。可以包裹在各种元素中。9.ReactSuiteReactSuite是另一个高效的React.js框架。它包含各种可用于企业系统产品的组件库。由于可以支持所有主流浏览器和平台，ReactSuite适用于并支持几乎任何系统的服务端渲染。安装npmirsuite--保存应用优势l通过全局访问功能轻松管理应用。Redux库集成了各种状态管理。Redux具有所有UI层的灵活性，并拥有庞大的生态系统。在降低复杂性的同时，Redux提供了全局可访问性。10.PrimeReactPrimeReact的主要特点是它提供的组件几乎可以满足UI的所有基本要求，包括：输入选项、菜单、数据表示和消息。同时，该框架还兼顾了移动应用的体验，可以帮助用户设计出易于触摸的各种元素。安装npminstallprimereact--savenpminstallprimeicons--saveapplicationadvantages不仅简单实用，而且性能优异。便于使用。支持Spring类应用。可以创建丰富的用户界面。11.ReactRouterReactRouter由于其易用性，在ReactNative开发者社区中非常流行。你只需要在你的电脑上安装Git和npm包管理器就可以开始学习基础知识。安装$npminstall--savereact-router应用优势具有动态路由匹配功能。能够在导航时在视图上提供CSS转换。标准化应用程序的结构和行为的能力。12.GrommetGrommet可用于创建具有交互式响应的移动网络应用程序。一个Apache2.0许可的JavaScript框架，它在一个小包中提供可访问性、模块化、响应性和主题。目前，它被Netflix、GE、Uber和Boeing等公司广泛使用。yarn和npm的安装$npminstallgrommetstyled-components--save应用优势提供一套完整的打包工具。提供开放政策。可以重组现有的应用程序。13.OnsenUIOnsenUI是另一个使用HTML5和JavaScript进行移动应用程序开发的框架。它不仅提供与Angular、Vue和React的集成，还获得了Apache2.0许可。Onsen可以提供选项卡、侧边菜单、堆栈导航和其他组件。这个框架的亮点：它的所有组件都为iOS和Android提供MaterialDesign自动样式支持。因此它可以根据不同的目标平台改变应用程序的外观。安装npminstallonsenuiApp优点OnsenUI是免费和开源的。它不会强制应用程序开发使用任何类型的DRM。能够编译JavaScript和HTML5代码。可以为最终用户提供原生的应用程序体验。原标题：13个最佳ReactJavaScript框架，作者：AmitDua
