本文介绍了react、redux、react-redux之间的关系，分享给大家，也给自己留个笔记，具体如下：
React
一些小型项目，只使用 React 完全够用了，数据管理使用props、state即可，那什么时候需要引入Redux呢？ 当渲染一个组件的数据是通过props从父组件中获取时，通常情况下是 A –> B，但随着业务复杂度的增加，有可能是这样的：A –> B –> C –> D –> E，E需要的数据需要从A那里通过props传递过来，以及对应的 E –> A逆向传递callback。组件BCD是不需要这些数据的，但是又必须经由它们来传递，这确实有点不爽，而且传递的props以
React、Redux 和 React-Redux 是前端开发中三个重要的库，它们各自扮演着不同的角色，并且在复杂的JavaScript应用程序中，特别是单页应用（SPA）中，它们之间有着紧密的关系。
React 是一个用于构建用户界面的库，它专注于视图层。在小型项目中，React 提供的 props 和 state 足以管理组件的状态。然而，随着项目的复杂度增加，数据流可能变得繁琐，例如在 A -> B -> C -> D -> E 的组件层级结构中，数据需要逐级传递，同时也需要逆向传递回调函数。这种情况下，代码可读性和维护性会大大降低。
Redux 是一个状态管理库，它提供了一个单一的全局状态树，使得应用的所有状态集中管理。在 Redux 中，状态的改变只能通过 dispatch 动作（action）来触发，这些动作会被 reducer 处理，reducer 是纯函数，负责根据旧状态和动作计算出新状态。Redux 的设计理念是将状态变更的过程变得可预测和可追踪，从而简化大型应用的状态管理。
当需要在 React 组件之间共享数据时，直接使用 props 层层传递会变得效率低下，而 Context API 能够解决这个问题，但它并不总是最佳解决方案，因为它仍然存在导致组件深度耦合的风险。React-Redux 就是为了解决这个问题而诞生的，它是一个连接 React 和 Redux 的库，通过 Provider 组件，React-Redux 将 Redux 的 store 通过 Context 提供给应用中的任何子组件，这样，任何组件都能通过 connect 方法便捷地获取和改变状态，而无需手动处理 props。
React-Redux 的核心功能包括 `connect` 函数，它可以将 Redux store 中的数据映射到组件的 props，同时允许组件触发 dispatch 动作来更新状态。通过这种方式，React 组件可以与 Redux store 直接交互，而不需要显式地引用 store 或处理 prop 传递。此外，React-Redux 使用了 React 的 Context 特性，避免了使用全局变量的不优雅，同时也减少了组件间的耦合。
React 是一个用于构建组件化的用户界面的工具，Redux 是用来管理应用状态的库，而 React-Redux 则是这两者的桥梁，它使 React 组件能够轻松地与 Redux store 通信，简化了状态管理的复杂性，提高了代码的可维护性和可测试性。在大型应用中，合理使用这三者可以极大地提高开发效率和应用性能。
