前端技术周刊 2018-12-17：React 机理

前端技术周刊 2018-12-17

前端快爆

• npm 发布了 2018 年的 JavaScript 与 npm 报告。其中，JavaScript 成为世界上最受欢迎的编程语言，最主要的原因之一为 JavaScript 拥有最多可用的库，多个库的下载量有了变化：React 增速放缓、Vue 和 GraphQL 维持高增速、Babel 渗透率超过 6 成。此外，报告也预测了 2019 年：框架与库可能会有一个巨头掉队、React 依将占据社区主导地位、GraphQL 和 TypeScript 将有极大发展空间。?

点评：一般一个框架的生命周期也就持续 3-5 年，期待我们不用面临那么多选择的那天。

• Firefox 64 发布。新版支持了 CSS Scrollbars、媒体查询 any-pointer、any-hover 和 prefers-reduced-motion (Android)、无前缀的 Fullscreen API、WebWorker.startMessages()，兼容了 -webkit-appearance，支持了 JSON 构造优化提案使得不在 BMP 平面且不匹配 UTF 16 字符的 Unicode 转义字面量不会在 JSON.stringify 后返回不合法的 JSON（Chrome 72 也将支持）。?

点评：发现诸多浏览器对 -webkit- 前缀真的是无比宽容 ?

• Chrome 71 发布，支持了多语言的相对时间 API Intl.RelativeTimeFormat、text-underline-position 的 left 和 right 值，SpeechSynthesis API 也需要用户有交互，此外，ServiceWorker 中实验性支持了可在网页生命周期之外下载内容的 Background Fetch API，移动版还支持了聚合分享的 Web Share Target API。?

• 对 HTTP Archive 数据源的分析可以发现，2011 年至 2018 年，第一方 JavaScript 代码增长了1倍，第三方 JavaScript 代码增长了 7 倍。?

• 蚂蚁金服体验科技大会将在 2019 年 1 月 5 号在杭州举办，目前仍可报名。?

瑞士军刀

• react-redux 16 发布，它使用了 React 16.4 新带来的 Context API，与此同时停止了往 this.context 注入 state 的行为，如果有类似代码依赖这样的 API 需要采用 <Context.Provider> 进行替代。
• ncc 是一个把 Node.js 项目打包成单文件的一个命令行工具，它使得 Node.js 项目可以更快部署、更容易与 Serverless 结合、启动时间更快。
• 在 npm 里面寻找合适的库可能对大家来说都是难事，有的时候难免碰到一些野鸡库或者包含恶意代码的库，文章《635000 个 npm 包中我应该用哪个》针对请求、框架、校验、鉴权、异步、数据库、API 文档、CLI、日志、测试、工具等分类进行了简单的推荐。
• Pika 是一个帮助大家搜索 npm 中 esm 包的一个站点。

专题：React 机理小辑

伴随着 Overreacted 这个站点的上线，我们知道了更多 React 接口设计和实现的考量，本期专题为大家整理了介绍 React 机理的相关文章。

React 实现

• React 16.0 源码分析
• 完全理解 React Fiber
• React DOM Diff 算法
• React 如何区分 Class 和 Function
• react-redux 的实现沿革

React 相关接口设计

• React 16 特性梳理
• React Hooks 为何依赖调用顺序？
• React Element 为何有$$typeof 属性？
• React 的 setState 为何不是 Promise ？
• React 为何淘汰了 Mixin？

---

编辑：承虎 & 审阅：壹丝 & 专题供稿：承虎