前端的发展日新月异，React Native/Weex / 微信小程序等技术方案进一步扩展了前端技术的应用范围。在金钥匙项目中，我们相继推出了小程序版金钥匙有问必答服务，同时采用 React Native 替代 Ioinc，重构金钥匙项目客户端。如何在前端项目中优雅地管理应用中的数据状态？我们在开发过程中进行了深入的思考，选择了 Redux 作为应用状态管理工具，从多个角度探索其最佳实践。本文将分享我们对探索过程的一些总结。

React在版本16.3-alpha里引入了新的Context API，社区一片期待之声。我们先通过简单的例子，看下新的Context API长啥样，然后再简单探讨下新的API的意义。 文中的完整代码示例可在笔者的GitHub上找到，点击传送门。 需要安装16.3-alpha版…

图文无关什么是状态保存？假设有下述场景：移动端中，用户访问了一个列表页，上拉浏览列表页的过程中，随着滚动高度逐渐增加，数据也将采用触底分页加载的形式逐步增加，列表页浏览到某个位置，用户看到了感兴趣的项

这样在每次执行的时候，就能够通过闭包的形式 来保存 value。 不过这个还是不符合 react 中的 useState。因为在实际操作中会出现多次调用，如下。 因此当重新渲染 App 的时候，再次执行 useState 的时候传入的参数 kevin , 0 也就不会去使用，而…

当我们在组件上设置事件处理器时，React并不会在该DOM元素上直接绑定事件处理器. React内部自定义了一套事件系统，在这个系统上统一进行事件订阅和分发. 具体来讲，React利用事件委托机制在Document上统一监听DOM事件，再根据触发的target将事件分发到具体的…

近日实现了一个 React 同构直出的模板 React Isomophic，开箱即用。 该模板支持 Koa2 + React + React Router + Redux + Less 。 传统的 SPA 开发模式由于其页面渲染全部放在了客户端，从而导致了一些一直以来难以解决的…

如果你使用 React ，你可以在各个工程里面看到 Dan Abramov 的身影。他于 2015 年加入 facebook，是 React Hot Loader 、React Transform、redux-thunk、redux-devtools 等等的开发者。同样也是 R…

context 是各种前后端框架中经常会用到的一个概念，著名 Node 框架 Koa 更是把 context 玩的尽兴。React 在很早之前就有 context 的概念，虽然是一个实验性质的 API，但 react-redux、react -router 等框架类库却把它玩了…

有兴趣的同学可以自行研究。 这样，你就会发现只有路由匹配的时候，组件才被import进来，达到了code splitting的效果，也就是我们常说的按需加载，代码分块，而不是一开始就将全部组件加载。 可以观察到，点击不同的路由都会加载一个chunk.js，这就是我们所分的块。…