8 篇博文 含有标签「react」

终于到最后一篇文章了。这次开始学习 umi 架构的 redux 用法。

对于 umi （dva）体系，主要是集成了 react react-router react-redux redux-saga 等。比起 redux-saga，好处是做了高度封装，将原本的 reducer.js 和 sagas.js 统一到了一个 model.js 中。

看 anu 的源码，看到注释里面有一篇文章，说输入法的问题，正好很多年前也遇到过，虽然不是特别影响使用，但是这个思路确实不常见。

上两篇文章主要说了 redux 的用法。redux 中 reducer 只能处理同步的状态更新，那如果是有异步或者副作用呢，这时候我们就必须对 redux 使用中间件处理了。

上一篇文章主要说了 redux 的简单用法，为了和后续 umi 体系进行对齐，增加一篇 redux 有多个 reducer，并且合并的情况用法。

感觉公司新项目要用到 redux 了，趁此机会好好学习下。react 用了这么久，redux 真的一点还不会。其实也是看过一点文章，但感觉他们的写法太复杂，把简单的写法弄复杂了。这次算是一个系列的文章，大概顺序是 redux、redux-saga、umijs（dva）架构写法。

学习使用 react-hooks 语法。

Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.

公司的项目，最早是用 ES6 写的，直接手写 webpack1 进行打包的。由于是 jsp 的页面，还做了单独的页面压缩，资源 hash 处理。后续也跟上了一些升级脚步，把webpack 逐步升级到 2，之后又是 3。现在看来也算是先见之明。

在后续业务中，逐步使用了 vue，使用 vue 主要是考虑到能够通过 cdn 等形式直接引入项目，省去了 webpack 的配置工作。现在同一个项目，后续我决定采用 react 进行开发，对原有项目进行了 3 次重构，终于把老代码独立到一个文件夹了，未来 react 的新代码可以在单独的文件夹下开发。最终发包时候合并在一起。

对于 react 我还是比较积极的，版本上从 16.5 直接更新到了 16.6。为了后续方便，也就筹划着把 webpack 升级到 4。

计划学习 React，就接触到了 MobX。之前听过 Redux，因为我接触过 Vuex，感觉差不太多，就没有再去学习。还听说 Redux 的作者推荐 MobX，看来在不是很复杂的数据流动选择 MobX 是非常正确的。