前端技术观察第十期-2019前端工具调查结果

《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集，主要分为以下几个板块：

• Highlights

• 优秀的工具、库

• 好的教程、深度解读已有技术的文章

• 业界最新的技术、热点文章

• 业界对（新）技术的深度地、优秀地实践

• Tutorial

• Tools And Codes

《前端技术观察》的目的是让大家：

• 更及时的了解到业界最新的技术

• 受益于高质量的教程、文章

• 了解业界更优秀的代码、工具

• 更多地、氛围更浓厚地讨论、研究、落地技术

highlights

GitHub Universe 2019 大会(英)

GitHub Universe 2019 大会举办的首日，GitHub 宣布推出移动版应用（GitHub for mobile），支持 iOS 和 Android 两大主流移动平台

https://github.blog/2019-11-13-universe-day-one/

TypeScript 正式发布 3.7 版本(英)

TypeScript 正式发布 3.7 版本，支持可选运算符、nullish 合并、原生的断言 assert 方法、从不返回函数、忘记调用

https://devblogs.microsoft.com/typescript/announcing-typescript-3-7/

React 2019 Conf大会视频(英)

亮点：构建自定义React Render

https://javascriptweekly.com/link/79752/web

Node v13.1.0发布(英)

不是一个重要的版本，一些小的调整。

https://nodeweekly.com/link/79642/web

Babel 发布 7.7.0

https://github.com/babel/babel/releases/tag/v7.7.0

Babel 发布 7.7.0，支持 top-level-await，通过 babel-plugin-syntax-top-level-await 开启

Preloading Fonts: 什么时候有意义？(英)

预加载自定义字体能帮助避免文本闪烁吗？本文介绍了改变字体加载行为的选项。

https://frontendfoc.us/link/79829/web

2019前端工具调查结果(英)

超过3,000多名开发人员参加了此次问卷调查，调查覆盖了有关工具和方法论。随着jQuery和Lodash的热度下降，React和Vue的受欢迎程度迅速提高。Webpack领跑打包工具，Jest统治测试工具，几乎所有人都在使用Eslint。

https://javascriptweekly.com/link/80091/web

Discord如何通过ReactNative实现接近iOS原生的性能(英)

Discord是一款受游戏玩家欢迎的流行聊天系统，很早就选择ReactNative作为其iOS应用程序的基础，让我们学习下他们付出多少努力去提升性能。

https://mobiledevweekly.com/link/79969/web

使用Viewport Units时你需要了解的一些知识(英)

当你尝试根据视口的整个高度/宽度做计算时，常常会有许多“陷阱”，本文将带你了解Viewport Units的基础知识。

https://mobiledevweekly.com/link/79712/web

使instagram.com更快：代码大小和执行优化(英)

Instagram团队发布的一系列JavaScript性能优化文章（需要打开VPN/Seal）。

https://instagram-engineering.com/@mr_sharpoblunto

tutorial

【力荐】从零开始写一个React(英)

从零开始写一个 React 框架，左侧是代码右侧是针对代码的文章介绍，其中包含 Fibers 部分

https://pomb.us/build-your-own-react/

带你手写微前端框架

手把手写一个微前端框架

https://juejin.im/post/5db4253451882556a035ae5d?utm_source=tuicool&utm_medium=referral

图文讲解，TCP 为啥要 3 次握手和 4 次挥手？握两次手不行吗？

图文讲解，TCP 为啥要 3 次握手和 4 次挥手？握两次手不行吗？

https://mp.weixin.qq.com/s?__biz=MzU2Njg3OTU1Mg==∣=2247484969&idx=1&sn=dbe8ef6e6e711ddce55699a392a018b2

跨浏览器的Web浏览器插件最佳实践(英)

【一次编写，任意浏览器运行】的浏览器插件最佳实践

https://frontendfoc.us/link/79513/web

tools And codes

progress-estimator: 展示进度条并估算完成Promise所需的时间

该库会跟踪之前Promise的执行时间，以便随时间提供更准确的估计。

https://github.com/bvaughn/progress-estimator

Simplur: 简单、通用的单/复数字符串标记模版

Tagged templates允许使用函数来解析模板文字。它可以返回完全不同的内容，可以任你随意命名。

https://javascriptweekly.com/link/79769/web

VSCode Glean: 一款用于重构React代码的VSCode插件

功能包括：将JSX提取成为新的组件；Class Component 和 Functional Component的相互转换等

https://javascriptweekly.com/link/79768/web

Tenko: ES2015还没掌握？是时候学习ES2020了

用JS编写的100％符合ES2020规范的JavaScript解析器

https://javascriptweekly.com/link/79777/web

Sharp: 基于Node的高性能图像处理工具

以最快的速度调整JPEG，PNG，WebP和TIFF图像的大小。

https://github.com/lovell/sharp

本系列会持续更新，欢迎大家持续关注。IES前端团队负责字节跳动互娱社区全线产品前端开发工作，包括但不限于抖音、火山、轻颜、faceu等。如果你想加入我们的团队，欢迎投递简历到 lisqpersonal@163.com 标题：【求职】岗位-姓名-电话