引导者本文目录一览：
- 1、支持复杂场景的vue和react集成引用的JS插件
- 2、react-router、react-redux、antd(Layout)
- 3、react-redux提供了connect和Provider有什么作用
- 4、React状态管理:react-redux和redux-saga(适合由vue转到react的同学)
支持复杂场景的vue和react集成引用的JS插件
这里是设置 Vetur 默认使用的格式化插件 prettier。 这样对于.vue文件中的 html 和 javascript 代码都有格式化支持react-redux官网了。
原因react-redux官网： .babelrc文件中默认引入了transform-vue-jsxreact-redux官网，此插件将jsx转义成h function的形式供vue调用。
首先需要安装插件react-redux官网：npm i nprogress -S 然后使用的时候主要有两种方式，第一种是切换页面的时候，第二种则是请求接口的时候。
react-router、react-redux、antd(Layout)
文档中的简介：React Router 是一个基于 React 之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。
React Router通过 Router 和 Route 两个组件完成路由功能。
需要从 React Router 中导入 Router / 和 Route /。代码如下：import { Router， Route， browserHistory } from react-router在 React 应用中，通常需要会用 Router / 包裹 Route /。
react-redux提供了connect和Provider有什么作用
1、搭建Redux，一般要先创建三个文件夹 这里面用来方法。这个方法用来触发 reducers 里面的处理逻辑。
2、React-Router内部会监听hash变化，重新渲染React组件。ConnectedRouter 是一个组件，它的作用是在组件渲染完成后监听hash变化，然后将路由数据以及变更的形式存到redux 仓库中。
3、然后我希望redux中的tabs的变化，能触发我的视图更新，用React-Redux提供的connect将store中的tabs绑定到组件上。
4、React-Redux： Provider ：从最外部封装了整个应用，并向 connect 模块传递 store 。 Connect ：1对高阶组件的理解高阶组件是参数为组件，返回值为新组件的函数。 HOC 是纯函数，没有副作用。
5、①要用到react-redux里面的connect()()函数（函数的柯里化）。安装react-redux ②新建容器组件和UI组件 ①作为一个桥梁，需要引入store、UI组件、以及桥梁本身（connect）②store的引入必须由容器组件的父组件传入。
React状态管理:react-redux和redux-saga(适合由vue转到react的同学)
1、首先 Redux 是一种状态管理方案，本身和react并没有什么联系，redux也可以结合其他框架来用。 react-redux 是基于react的一种状态管理实现，他不像vuex那样直接内置在create-react-app里，需要自己去安装。
2、React class 组件时代，就是 Redux（及其相关衍生库）与 MobX 的故事。Redux 是符合 React 理念的实现。而 MobX 这种 监听 的模式，特点是 不够 React，但用起来简单。
3、为什么使用Redux：使用react进行大型项目开发时，需要管理的状态不仅数量很多而且相互共享，一个状态多个组件都要共享使用并且渲染，管理不断变化的 state 非常困难。
