奇舞周刊第 337 期：React Hooks 的体系设计

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

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

奇舞推荐

■   ■   ■

React Hooks 的体系设计之一：分层

“在业务中暴力地直接使用useState等hook并不是一个值得提倡的方式，而针对状态这一块，精细地做一下分层，并在每个层提供相应的能力，是有助于组织hook库并赋能于业务研发效率的。”

美团外卖持续交付的前世今生

“随着业务越来越复杂，涉及的角色越来越多，代码集成的管控需更加严格，而严格的代码集成管控将增加团队成员每次提代码的痛苦。如何做到差异化的检查和准入，将是未来持续集成的建设方向。”

为了让更多人用上 Figma，我做了一个设计交付工具

作者开发了一个可以生成离线文件的 Figma 交付工具：Figma handof。

JavaScript

■   ■   ■

花椒前端用 WebAssembly 提升前端应用解压缩性能的尝试

“随着 JIT 编译器优化的启动，JSZip 版本解压部分的代码由于会频繁执行，所以会被 JIT 编译器优化，标记为 warm/hot/very hot，进而转换为机器码运行，性能得到了大幅提升，与 Wasm 版本较为接近了。”

深入浅出分布式唯一 ID

“在业务量大，要求高的系统中，应当使用改进的 snowflake 算法。在业务量较小的系统中可以简化使用 nuid 算法。而在某些非标准的需要前端生成唯一 ID 的场景下，使用 uuid 即可。”

其它

■   ■   ■

Chrome 81 开始支持 Text fragments 功能

“该功能允许用户使用 URL 中提供的文本片段链接到页面的特定部分。加载页面后，浏览器将突出显示文本并将其滚动到视图中。”

AWS Lambda 服务简介

Serverless “并不是真的没有服务器，而是由云计算厂商将管理服务器的繁杂事务自动化，为用户提供更贴近业务的接口，让用户可以更快速地进行业务的探索和创新。”

CSS @supports 开始支持 selector 选择器检测

CSS @supports 开始支持 selector 选择器检测，但目前只有Firefox浏览器支持。不过大家可以跟着这篇文章重温下 @supports 的用法（工作、面试中发现还有很多同学不太了解 @supports）。

关于奇舞周刊

《奇舞周刊》是360公司专业前端团队「奇舞团」运营的前端技术社区。关注公众号后，直接发送链接到后台即可给我们投稿。