rc-redux-model
rc-redux-model copied to clipboard
SugarTurboS
一种较为舒适的数据状态管理书写方式,内部自动生成 action, 只需记住一个 action，可以修改任意的 state 值，方便简洁，释放你的 CV 键～
## Why rc-redux-model ? 相信大家都了解 `redux`，并且也认同这种数据流的方式（毕竟不认同，你也不会用嘛~），然，世间万物，皆有利弊。 以我为例，每次起一个项目，我都需要 : - 脚手架 `create-react-app` 快速生成一个应用框架，进行开发 - 安装 `redux` 进行数据状态管理 - 安装 `react-redux` ，调用 Provider 提供者模式，使得子组件都能取到 store 值 - 如果想要解决异步请求，我也许还需要安装一个 `redux-saga` / `redux-thunk` -...
按照react redux[最佳实践](https://github.com/sorrycc/blog/issues/1)，应该redux-saga才是最佳选择啊，使用thunk是有什么其它考虑么？
## Code 以下是在项目中的真实使用，帮助小伙伴们更加直观的了解，以用户模块为主 ### 原先流程 1. 在 action 文件中定义 ```js // 获取用户列表 export const fetchUserList = (params, callback) => { return { type: 'FETCH_USER_LIST', params, callback, } } ``` 2....
## 前言 大家应该知道，**react 是单向数据流的形式**，它不存在数据向上回溯的技能，你要么就是向下分发，要么就是自己内部管理。 react 中，有 props 和 state，当我想从父组件给子组件传递数据的时候，可通过 props 进行数据传递，如果我想在组件内部自行管理状态，那可以选择使用 state。 很快，我遇到了一个问题，那就是兄弟组件之间如何进行通信？答案就是在父组件中管理 state，通过 props 下发给各子组件，子组件通过回调方式，进行通信 这会存在什么问题？你会发现如果你想共享数据，你得把所有需要共享的 state 集中放到所有组件顶层，然后分发给所有组件。 为此，需要一个库，来作为更加牛逼、专业的顶层 state 发给各组件，于是，我引入了 redux。 ## redux 体验 redux 可以说是较成熟，生态圈较完善的一个库了，搭配 [redux-devtools-extension](https://github.com/zalmoxisus/redux-devtools-extension) 这个...
Metadata
Owner
Metadata
一种较为舒适的数据状态管理书写方式,内部自动生成 action, 只需记住一个 action，可以修改任意的 state 值，方便简洁，释放你的 CV 键～