奇舞周刊第 461 期 从根上理解 React Hooks 的闭包陷阱

记得点击文章末尾的“ 阅读原文 ”查看哟~

下面先一起看下本期周刊 摘要 吧~

齐舞推荐

■ ■ ■

 从根上理解 React Hooks 的闭包陷阱

现在开发 React 组件基本都是用 hooks 了，hooks 很方便，但一不注意也会遇到闭包陷阱的坑。

 Vite 约定式路由的最佳实践

Next.js 想必大家不陌生吧，其中最为熟知的就是约定式路由 (基于文件系统)。本文基于 Vite 巧妙地实现这一项省心的功能。

 漫谈前端工程化基建和架构设计

如何打造一个顺滑的工程化流程，为研发效率不断助力？如何建设一个稳定可靠的基础设施，为业务产出保驾护航？对于这些问题，本文详解了作者在多年的工作中反复思考、不断实践的一些经验和感悟。

技术实践

■ ■ ■

 不需要 JS！仅用 CSS 也能达到监听页面滚动的效果！

一般情况下，使用 JS 监听滚动事件动态添加类名就可以实现，不过这种效果仅仅使用 CSS 也能轻易实现。那如何实现的呢，花两分钟时间看看吧~

 从零开始实现一个简单的低代码编辑器

低代码编辑器作为一种能够极大地提升开发效率的 PaaS 软件，近些年来一直收到各大公司以及各路投资方的追捧。而对于我们前端开发者来说，编辑器也是为数不多的拥有较深前端技术深度的开发场景。

 Hooks 时代，如何写出高质量的 react 和 vue 组件？

现在的前端项目还有一个较为常见的误区，那就是全局状态管理库 (即 redux、vuex 等) 的滥用。依据抽象层级的思维，实际上很多项目并不需要放较多的状态到全局，这种情况利用 react 和 vue 自身的状态管理就足够了

拓展边界

■ ■ ■

 你不知道的 HTTP Referer

HTTP 中 Referer 字段在工作中或许并不会吸引你的注意，隐藏在 Network 的请求之下，但是却有着非常重要的作用。

 TypeScript 遭库开发者嫌弃：类型简直是万恶之源

这篇博客发布后，随即引发了赞同者和反对者的激烈讨论，其中，反对者主要认为文中的几点理由只能作为开发人员的意见，而且并没有提供证明实质性问题的具体例子。

 在 Vue3 中实现 React 原生 Hooks，深入理解 React Hooks

希望本文可以给你不一样的角度去理解 React Hooks 的本质原理，也只有理解了 React Hooks 实现的本质原理，才可以在 Vue3 的函数式组件上实现跟 React Hooks 一样的 Hooks 函数，例如：useState、useReducer、useEffect、useLayoutEffect 等。

关于奇舞团

奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。