构建可扩展的 React Redux 应用第一部分 - React 组件设计

由于 React 和 Redux 本身的灵活性,要摸索出一套最佳实践需要很多经验积累。当功能达到几十上百个时,项目要如何组织?如何降低代码耦合度?要怎样才能在业务需求变动时较少地改动?如何让代码可测试?如何保持性能? 由此也产生了 Dva 等业界流行的一揽子解决方案。但到目前为止,社区里还没有对中大型应用如何组织和维护有完整的总结。在这样的条件下,我们一直在思考和实践如何构建 长期可维护、可扩展 的中大型应用。 我们的项目持续迭代开发一年多,同时支持移动端和 PC 端, »

Yiliang 浏览量:0

利用 Promise 的 cache 特性实现前端缓存

我们知道,对一个 Promise 来说,有如下特性: const promise = new Promise((resolve, reject) => { console.log('running'); setTimeout(() => { resolve('something out'); }, 1000); }); promise.then((result) => { console. »

Yiliang 浏览量:0

Webpack HMR 和 React-Hot-Loader

Webpack 提供了热替换(Hot-Module-Replacement,简写为 HMR)的接口,使得我们的代码更新时不需要刷新页面就能够应用更新后的代码。 React-Hot-Loader 是 Webpack 的第三方 loader,它针对 React 应用提供了更强大的热替换功能。 这两者是什么关系,实际开发中要如何选择呢? Webpack HMR HMR 是 Webpack 的主要功能之一,它不依赖特定的框架。HMR 的工作流程如下: »

Yiliang 浏览量:0

React 16 更新一览

完整更新见 React v16.0 完整翻译 就在今天,React 团队正式发布了 React 16,这次发布带来了哪些内容呢? 全新的内部架构 React 16 采用了称为“Fiber”的全新的内部架构。官方对 Fiber 的一句话解释是“React Fiber是对核心算法的一次重新实现”。 以前的 React 使用的称为“Stack” »