由于 React16 和 React17 在事件机制在细节上有较大改动，本文仅对 React17 的事件机制做讲解，在最后对比 React17 和 React16 在事件机制上的不同点。

41 技术 lddgo 分享于 2022-11-17

在某些场景里，前端开发同学会无意识的编写出一些看似正确的代码，这些代码能够通过所有测试以及代码审查，但是在实际执行时会导致应用程序出现一些意想不到的问题：页面上的数据毫无规律地随机展示出来、搜索出的结果与查询条件不匹配、切换选项卡的导航时出现错误的内容。 当然，我们并不希望发生这些问题，那么如何避免这些问题呢？本文将继续讨论 React 数据获取的一些方法和原理，并深入了解 Promise 在数据获取时如何导致了条件竞争（race conditions）以及如何避免它们。

58 技术 lddgo 分享于 2022-11-11

React 最新提出了一个叫 use 的 Hook，用于在客户端消费 Promise，而 use 和其他 Hook 不同之处在于，它可以在条件语句、block 和循环里使用。除 Promise 之外，use 未来还可能用于消费 Context、store、observable 等。 与之对应的是，在服务端组件中则支持使用 async/await。这个提案本身并不是一个完整的数据获取解决方案，因为它没有解决缓存问题。wait 和 use 是用于读取 promise 异步结果的原语，后续会引入一个名为 cache 的 API 来帮助缓存数据。

35 技术 lddgo 分享于 2022-11-02

本篇文章主要讲解如何从一个空目录开始，建立起一个基于webpack + react + typescript的标准化前端应用。

76 技术 lddgo 分享于 2022-09-02

相信前期使用过react的前端同学，大都会经历从class 语法向hooks 用法的转变，react 的hooks 编程给我们带来了丝滑的函数式编程体验，同时很多前端著名的文章也讲述了hooks 带来的前端心智的转变，这里就不再着重强调，本文则是聚焦于useReducer这个钩子函数的原理和用法，笔者带领大家再一次深入认识useReducer。

100 技术 lddgo 分享于 2022-08-18