龙空技术网

所有JavaScript开发者需知的10个React类库

前端or奶爸 480

前言:

此刻姐妹们对“js工具类库”大致比较重视,咱们都需要知道一些“js工具类库”的相关知识。那么小编同时在网上搜集了一些对于“js工具类库””的相关文章,希望你们能喜欢,兄弟们快快来学习一下吧!

当你成为一个核心前端开发者或者一个IT团队leader时,想更新技术架构或者优化你的核心技术。在本篇文章中,我们将介绍10款React类库开支撑你的react开发。

1. Reate React App

Create React App是一款命令行工具,由Facebook的开发团队带来。它将更加容易的帮你构建一个react的项目。包含了开发环境、目录结构、文件、工具类、测试等等,在一开始就为你搞定了准备工作。如果你每次创建react项目的时候还在花费很多时间在手动配置安装依赖库等琐碎事情上,请赶快来试试这个类库吧!

在Github上的项目地址:

2. Material UI

Material UI是一套Google公司出品的组建集。它实现了著名的Material Desgin风格。在Github拥有36k的stars,人气超高,是一款非常受欢迎的UI包。它的特点是非常简单、特点明细、轻量级而且对用户非常友好。虽然已经出来了好多年,但它不断的更新,使得流行度不减。可见这个库是非常稳定可靠的。

Github上的项目地址:

3. Styled Components

Styled Components是一个CSS工具库,它可以帮助你组织好你的React项目。它可以帮助你构建小巧、可复用的CSS组件。在JS中书写CSS,非常的灵活方便。同样适用于ReactNative。

在Github上的地址:

4. MobX

MobX是一个状态管理解决方案,为了不让你构建的项目出现状态混乱的情况。虽然其他库的重点是限制开发人员修改状态,但MobX确保可以轻松自动地处理所有内容。

在Github上的项目地址:

5. Enzyme

Enzyme是一款用来测试React组件的JavaScript类库。有AirBnB公司的工程师团队打造。在2015年开源。

在Github上的项目地址:

6. Redux

Redux类似与MobX,同样是一款状态管理解决方案的JavaScript类库。它常常用来集成在React项目中。是一款常见的flux实现方案。不过使用起来稍显复杂。是学习React状态管理机制的必经案例。

在Github上的地址:

7.React Virtualized

ReactVirtualized类库能帮你提高大数据列表或表格数据的渲染效率。大数据列表,如Pinterest的瀑布流列表,或bi系统中的表格数据展示,通常渲染dom会很耗时,ReactVirtualized可以轻松的帮你解决数据量大的问题,可以通过延时加载等等方式实现。

在Github上的项目地址:

8. Redux Form

redux表单是一组reducer和action creator,可以更容易地实现定制的复杂表单。它是专门为Redux设计的。与其他类似工具相比,它是一个相对简单且性能良好的解决方案。您仍然可以自己编写表单和组件,这样就不会失去灵活性。

在Github上的项目地址:

9. React DnD

React DnD是一个用于构建复杂拖放接口的库。有很多很棒的拖放库,但React DND与大多数库不同,因为它是建立在现代HTML5拖放API之上的。然而,它有一个主要的缺点——它不支持触摸屏。

在Github上的项目地址:

10. React Intl

每种语言都有不同的规则和惯例。在国际项目中适应这些差异并不容易,这就是为什么建立React Intl的原因。雅虎的这个开源子项目旨在使国际化尽可能简单明了。它包括现成的组件和用于格式化字符串、日期、数字和处理复数形式的API。

在Github上的项目地址:

如果觉得这篇文章对你有用,请点个赞了……

标签: #js工具类库