react项目中安装的组件

react项目中用到了哪些依赖?

image

"dependencies": {
"axios": "^0.18.0",
"immutable": "^4.0.0-rc.12",
"react": "^16.8.4",
"react-dom": "^16.8.4",
"react-redux": "^6.0.1",
"react-router-dom": "^5.0.0",
"react-scripts": "2.1.8",
"react-transition-group": "^2.6.1",
"redux": "^4.0.1",
"redux-immutable": "^4.0.0",
"redux-thunk": "^2.3.0",
"styled-components": "^4.1.3"
},

---

yarn add XXXX =>介绍

image

使用yarn的安装方式,比起npm性能更好,速度更改

• 1.react-redux进行全局状态管理
• 2.redux-thunk可以发起异步action
• 3.redux-immutable将数据变为不可变数组/对象
• 4.react-transition-group实现css动画
• 5.axios发起AJAX请求
• 6.react-router-dom实现前端路由跳转
• 7/styled-components用js文件写css样式

---

react与vue状态管理的区别

image

虽然vue.js也是数据驱动界面
但是react在底层思想中:一切都是组件,all in js
本是构建ui层面的功能
由于state的不可变性,redux状态管理的设计就及其重要
在大型业务和模块化开发中