React和相关工具链的理解

React是一个用于构建前端页面的库,React使我们可以将页面分成一个个独立的组件,通过组件的组合、嵌套最终构成一个完整的页面。当页面数据需要改变时React通过虚拟DOM提供了高效的数据和页面显示状态的同步。在编写组件时可以使用JSX语法来更好的描述DOM元素。React仅仅提供了UI层面的解决方案,在实际项目中我们要结合其他的库来解决其他问题,比如Redux、Redux-thunk和React-router。

使用Redux提供了数据集中管理的能力,这样避免了数据在组件连中的层层传递。Redux提供了获取数据、监听和派发数据的能力,与React结合时可以使用react-redux库来更加方便和更加优化的来使用Redux。但Redux提供的dispatch方法仅能接受一个对象来实现同步的state状态更新,无法处理异步行为。所以又需要引入redux-thunk中间件来提供dispatch异步action的能力。

react-thunk中间件并没有改变Redux的数据管理方式,react-thunk让我们在createAction函数中可以处理异步,最终调用的仍然是同步action,从而更新state。

原文地址:https://www.cnblogs.com/ssw-men/p/10974834.html