前端精选周刊第五期

本周前端精选文章推荐快速查看 2021 7.19~7.25前端文章精选

玉伯：前端的现状之痛及未来趋势

在 GMTC 北京上，我听了蚂蚁金服玉伯老师的分享。玉伯 2008 年加入阿里，在这期间，他和团队一起折腾过 KISSY、SeaJS、Ant Design、AntV 等开源项目，现在我们都喜欢用的语雀也是他团队的产品。

ECMAScript 双月报告：Realms 提案进入 Stage 3（2021/07）

7月的 TC39 会议在上周结束了。这次的会议有如 private-in 等提案进入了 Stage 4，Realms、Object.hasOwn 等提案进入了 Stage 3，相信很快大家就可以在开发者版本的浏览器、最新版 Node.js 中见到这些 API 了。那么这些提案提供了什么样的能力，我们该如何使用？

TypeScript 的另一面：类型编程

这篇文章就是为了解决这后者的问题，尝试专注于 TypeScript 的类型编程部分（TS 还有几个部分？请看下面的解释），从最基础的泛型开始，到索引、映射、条件等类型，再到 is、in、infer 等关键字，最后是压轴的工具类型。打开你的 IDE，跟着笔者一节节的敲完代码，帮助你的 TypeScript 水平迈上新的台阶。

让 JS 摆脱框架的束缚

随着前端的告诉发展，前端框架也越来越五花八门，我们在体验前端框架带给我们的快捷的开发体验的同时，但是他们同时也是“恶魔”，因为他们让我们的代码绑定在了框架里。虽然我们可以将 react 的代码快速的迁移到一个类 react 框架，但是我们很难将他迁移到 Vue 框架和 Angular 框架。可能在代码迁移合并升级的时候，我们能做的可能只有重构。

从 SWR 开始 — 一窥现代请求 hooks 设计模型

现在的 hooks 请求库，是用了什么新的机制来优化流程，把请求这件事变得简单、用户体验更好呢？ 本文将以 swr 为例子，讲述现在最热门的 useRequest、swr 和 react-query 三个请求 hooks 的新机制，以及新机制后 class Component 和 hooks 在设计上的区别。

如何搭建适合自己团队的构建部署平台

前端业界现有的构建部署方案，常用的应该是，Jenkins，Docker，GitHub Actions 这些，而恰巧，我们公司现在就并存了前两种方案，既然已经有了稳定的构建部署方式，为什么还要自己做一套前端自己的构建平台呢？当然不是为了好玩啊，原因听我慢慢分析。

手写系列-实现一个铂金段位的 React

本文基于 https://pomb.us/build-your-own-react 实现简单版 React。

更多文章见 https://github.com/pf12345/front-articles