认识达内从这里开始

js框架是我们在学习前端开发的时候需要重点掌握的技术知识点之一，而今天我们就一起来了解一下常用的js框架都有哪些类型。

1.Creat React App

由 Facebook 开发人员带来的这款命令行界面是所有 React Native 项目的必备框架。因为 Create React App易于使用，让你省掉了手动设置和配置应用的麻烦，从而节省了大量时间和精力。

2.Material Kit React

Material Kit React受到了谷歌的 Material Design 系统启发，是构建 React UI 组件的绝佳选择。这个库大的优点是它提供了许多组件，这些组件可以组合在一起生成难以置信的效果。库中有超过 1000 个完全编码的组件，每个组件都有单独的层，这些层都在文件夹中分门别类组织好了。这意味着你有着成千上万种选择。如果你想获取灵感，或与某人分享想法或概念，也有几个示例页面可用。

3.Shards React

这款现代 React UI 套件是为了实现高性能而从零开始打造的。它有着现代化的设计系统，让你可以按照需要的方式自定义事物。你甚至可以下载源文件来在代码级别自定义内容。此外，用于样式的 SCSS 语法可以提升开发体验。

Shards React是基于 Shards 的，并使用了 React Datepicker、React Popper(定位引擎)和 oUISlider。它还提供了非常棒的 Material Design 图标。还有一些预制的版本可以帮助你获得灵感和上手入门。

4.Styled Components

这款高效的 CSS 工具可以帮助你构建用于应用可视界面的小巧、可重用的组件。使用传统的 CSS 时，你可能会意外覆盖网站上其他位置用到的选择器，但是 Styled Components可以直接在你的组件内部使用 CSS 语法，从而帮助你完全避免此类问题的困扰。

5.Redux

Redux是 JavaScript 应用程序的一个状态管理解决方案。虽然它主要用于 React.js，但是你也可以将它用在其他类似 React 的框架上。

6.React Virtualized

这个 React Native JavaScript 框架可用于大列表和表格数据的渲染。使用 React Virtualized，你可以限制请求和文档对象模型(DOM)元素的数量，从而提升 React 应用程序的性能。

7.React DnD

ReactDnD负责创建复杂的拖放界面。市面上的拖放库有几十种之多，但 React DnD 之所以能脱颖而出，是因为它构建在现代 HTML5 的拖放 API 之上，简化了创建接口的过程。

优点

元素拖动优雅自然。

强大的键盘和屏幕阅读器支持。

性能出色。

干净而强大的 API。

在标准的浏览器交互中发挥出色。

未经修饰的样式。

没有创建额外的包装器 dom 节点。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。