理解React技术栈

学习React也有段日子了,这里主要是讲下自己对React技术栈的理解。

React本身这个框架是用来写界面的,但是呢,光是界面还不够,还需要交互、事件管理、数据(流)管理,才能够搭建应用。

在前人的基础上,我们现在开发React App有好多模块可以使用,俗称React全家桶。

React全家桶主要包括react、react-dom、redux、react-redux、react-router、react-thunk等。

1、react
不说了

2、react-dom
react在浏览器下的实现

3、redux
一个可预测的javascript状态容器
核心功能:
createStore 用来创建store实例
combineReducers 用来合并reducers
applyMiddleware 用来添加中间件

教程:
redux-tutorial-cn
redux中文文档

4、react-redux
redux在react中的实现
核心功能:
Provider 将store提供给组件
connect 将state和dispatch提供给需要的组件

5、react-router
路由组件

6、react-router-dom
react-router在浏览器下的实现

7、react-thunk
中间件,为了支持异步

分享到