吴文俊
吴文俊
关注前端编码,学习 Java, Android-iOS App.

React 已经改变,Hooks 也应该如此

React 18+ 时代的 Hooks 不再是生命周期方法的替代品,而是一种架构设计系统。核心转变是从对 `useEffect` 依赖,转向更清晰的渲染驱动数据流:派生状态留在渲染阶段计算,副作用仅用于真正的外部交互,通过 `useSyncExternalStore`、`useDeferredValue` 等并发工具优化性能,并以自定义 Hooks 封装领域逻辑。随着服务端组件、`use()` 和 `useActionState` 等新 API 的成熟,现代 React 应用正在走向数据优先的架构模式。

重新思考 JavaScript 中的异步循环

探讨 JavaScript 中异步循环的常见陷阱和最佳实践。在循环中使用 await 时需要根据具体需求选择合适的模式:for...of + await 适用于顺序执行且保持顺序的场景,而 Promise.all() + map() 则更适合并行执行以提升性能。此外还讨论了节流并行等高级模式,以及为什么要避免在 forEach() 中使用 await 的原因,帮助开发者根据并发级别需求选择最适合的异步处理策略。

别再把一切都转换成数组

JavaScript 中的迭代器辅助函数(iterator helpers),这是一种原生的惰性替代方案,可用于处理大型数据集、流和 UI 驱动的逻辑。相比传统的数组方法链式调用,迭代器辅助函数不会创建中间数组,在只需要部分数据时能够提前停止处理,从而减少内存分配和计算开销,特别适合虚拟化列表、无限滚动、分页 API 和异步数据流等场景。

qrcode.vue

A Vue.js component to generate qrcode. Supports both Vue 2 and Vue 3. 一款同时支援 Vue 2 和 Vue 3 的二维码组件。