• 原文地址：What Hooks Mean for Vue
• 原文作者：Sarah Drasner
• 译文出自：掘金翻译计划
• 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO1/what-hooks-mean-for-vue.md
• 译者：Ivocin
• 校对者：LeoYang, TUARAN

不要把 Hooks 和 Vue 的生命周期钩子（Lifecycle Hooks） 弄混了，Hooks 是 React 在 V16.7.0-alpha 版本中引入的，而且几天后 Vue 发布了其概念验证版本。虽然 Hooks 是由 React 提出的，它是一个对各 JavaScript 框架生态系统都有价值的、重要的组合机制，因此我们今天会花一点时间讨论 Hooks 意味着什么。

Hooks 主要是对模式的复用提供了一种更明确的思路 —— 避免重写组件本身，并允许有状态逻辑的不同部分能无缝地进行协同工作。

• 原文地址：Front-End Performance Checklist 2019 — 4
• 原文作者：Vitaly Friedman
• 译文出自：掘金翻译计划
• 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO1/front-end-performance-checklist-2019-pdf-pages-4.md
• 译者：Ivocin
• 校对者：ziyin feng，weibinzhu

让 2019 来得更迅速吧！你现在阅读的是 2019 年前端性能优化年度总结，始于 2016。

• [译] 2019 前端性能优化年度总结 — 第一部分
• [译] 2019 前端性能优化年度总结 — 第二部分
• [译] 2019 前端性能优化年度总结 — 第三部分
• [译] 2019 前端性能优化年度总结 — 第四部分
• [译] 2019 前端性能优化年度总结 — 第五部分
• [译] 2019 前端性能优化年度总结 — 第六部分

目录

• 构建优化
  • 22.确定优先级
  • 23.重温优秀的“符合最低要求”技术
  • 24.解析 JavaScript 是耗时的，所以让它体积小
  • 25.使用了摇树、作用域提升和代码分割吗
  • 26.可以将 JavaScript 切换到 Web Worker 中吗？
  • 27.可以将 JavaScript 切换到 WebAssembly 中吗？
  • 28.是否使用了 AOT 编译？
  • 29.仅将遗留代码提供给旧版浏览器
  • 30.是否使用了 JavaScript 差异化服务？
  • 31.通过增量解耦识别和重写遗留代码
  • 32.识别并删除未使用的 CSS/JS
  • 33.减小 JavaScript 包的大小
  • 34.是否使用了 JavaScript 代码块的预测预获取？
  • 35.从针对你的目标 JavaScript 引擎进行优化中获得好处
  • 36.使用客户端渲染还是服务器端渲染？
  • 37.约束第三方脚本的影响
  • 38.设置 HTTP 缓存标头

• 原文地址：A comprehensive look back at front-end in 2018
• 原文作者：Kaelan Cooter
• 译文出自：掘金翻译计划
• 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO1/a-comprehensive-look-back-at-frontend-in-2018.md
• 译者：Ivocin
• 校对者：Junkai Liu, wuzhe

拿一杯咖啡，坐下来，慢慢品读。我们的回顾不容错过。

Web 开发一直是一个快速发展的领域 —— 我们很难跟上在过去的一年中所有的浏览器变更、函数库的发布以及冲击思维的程序设计趋势。

前端行业每年都在增长，这使得普通开发者很难跟上。因此让我们退后一步，回顾一下 2018 年 Web 开发社区发生了哪些变化。

我们目睹了过去几年 JavaScript 爆炸式的发展。随着互联网对全球经济变得更加重要，谷歌和微软等巨头意识到他们需要更好的工具来创建下一代 Web 应用程序。

在这种环境下，以 ECMAScript 2015（又名 ES6）为开端，JavaScript 被引领出自创造以来最大的变革浪潮。现在 JavaScript 每年发布的版本都为我们带来了令人兴奋的新特性：如类、生成器、迭代器、promise、全新的模块系统等等。

这开启了 Web 发展的黄金时代。许多最流行的工具、函数库和框架在 ES2015 发布后立即流行了起来。即使主流浏览器厂商对新标准的支持还未过半，Babel 编译器项目就让成千上万的开发人员抢先一步尝试新功能。

前端开发者首次不需要被他们公司需要支持的最古老的浏览器限制，可以按照自己的节奏自由创新。三年和三个 ECMAScript 版本之后，这个 Web 开发的新时代并没有放缓前进的脚步。

• 原文地址：5 Tools for Faster Development in React
• 原文作者：Jonathan Saring
• 译文出自：掘金翻译计划
• 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO1/5-tools-for-faster-development-in-react.md
• 译者：Ivocin
• 校对者：Haoze Xu, Junkai Liu
• 本文掘金地址：[译] 5 款工具助力 React 快速开发

本文将会介绍 5 款工具，可加速 React UI 组件和应用程序的开发工作。

• 原视频地址：React Today and Tomorrow and 90% Cleaner React with Hooks
• 中英文字幕视频地址（B站）：【React Conf 2018】React 的今天和明天中英文双字幕
• 中英文字幕视频地址（爱奇艺）：React Today And Tomorrow Part II —— 中英双语字幕
• 英文文稿地址：React Today and Tomorrow - Part II
• 演讲者: Dan Abramov
• 英文字幕出自：YouTube 机器翻译
• 英文校对、翻译：Ivocin, 程序媛_小发
• 排版：Ivocin
• 本文掘金地址：[译] React 的今天和明天（图文版） —— 第二部分

因为这个演讲 Dan 的 Demo 部分比较多，建议如果时间充裕，可以观看视频。希望看本文视频的同学，可以查看我的这篇文章：React Conf 2018 专题 —— React Today and Tomorrow Part II 视频中英双语字幕。第一部分 Sophie Alpert 的演讲图文版地址：[译] React 的今天和明天（图文版） —— 第一部分

本文掘金地址：React Conf 2018 专题 —— React Today and Tomorrow Part II 视频中英双语字幕
距离 React Conf 2018 结束已经将近一个月了，距离上个 React Conf 2018 的中英文双语视频发布也有两周的时间了，这两周，一直在进行Dan Abramov 的关于 React Hooks 提案部分演讲的字幕校对和翻译工作，感谢开源社区，这次加入了新的小伙伴 程序媛_小发 一起完成了校对和翻译的工作，让这段视频可以更快的和大家见面。

• 原视频地址：React Today and Tomorrow and 90% Cleaner React with Hooks
• 中英文字幕视频地址（B站）：【React Conf 2018】React 的今天和明天中英文双字幕
• 中英文字幕视频地址（爱奇艺）：React Today And Tomorrow Part I —— 中英双语字幕
• 英文原文地址：React Today and Tomorrow - Part I
• 中文译文（无图版）地址：React 的今天和明天—— 第一部分
• 演讲者： Sophie Alpert
• 英文字幕出自：YouTube 机器翻译
• 英文校对、翻译、排版：Ivocin
• 本文掘金地址：[译] React 的今天和明天（图文版） —— 第一部分

2018年 11 月 30 日更新，第二部分已经更新：[译] React 的今天和明天（图文版） —— 第二部分 。前两部分中英双语字幕视频已经发布：【React Conf 2018】React 的今天和明天中英文双字幕。

本文掘金地址：React Conf 2018 专题 —— React Today and Tomorrow Part I 视频中英双语字幕
最近在 掘金翻译计划 校对了一篇 Dan Abramov 的关于 React Hooks 的文章，在 Sophie Alpert 和 Dan 在 React Conf 2018 上对 Hooks 的提案之后， Hooks 非常火。想到由于原视频在 Youtube 上的原因导致大部分小伙伴没法观看，而且官方没有提供英文字幕，YouTube 里面的英文字幕是机器自动生成的，错误比较多也没有断句，所以想把 React Conf 2018 的视频中英文字幕配好供大家一起学习。我看B站上已经搬运了 React Conf 2018 的全套视频，大家可以去围观。

2018年11月30日更新，小发已经把前两部分视频上传到 b 站上了，没广告特别好，视频地址：【React Conf 2018】React 的今天和明天中英文双字幕

视频地址：React Today And Tomorrow Part I —— 中英双语字幕

• 原文地址：Idle Until Urgent
• 原文作者：PHILIP WALTON
• 译文出自：掘金翻译计划
• 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO1/idle-until-urgent.md
• 译者：Ivocin
• 校对者：xilihuasi，新舰同学 Xekin
• 本文掘金地址：[译] Google 工程师提升网页性能的新策略：空闲执行，紧急优先

几周前，我开始查看我网站的一些性能指标。具体来说，我想看看我的网站在最新的性能指标 —— 首次输入延迟 （FID）上的表现如何。 我的网站只是一个博客（并没有运行很多的 JavaScript），所以我原本预期会得到相当不错的结果。

前言

最近一个月来使用 dva 对公司存量项目进行重构，比较少时间写文章了。随着9月开学季节的到来，最近在使用的几个开源项目都迎来了重大更新。首先就是 umi 终于迎来了 2.0 版本，具体介绍可以查看 发布 umi 2.0，可插拔的企业级 react 应用框架。随之而来的是使用 umi@2 构建的 ant design pro 2.0 版本，具体介绍可以查看漂亮的实力派 Ant Design Pro 2.0 正式发布。今天终于有时间体验了 umi@2 ，想起我的 dva 学习之路的第一篇学习记录是使用 umi@1.X 构建的，刚好可以使用 umi 2.0 重新构建一下。本文是 dva 作者 @sorrycc 的 umi-dva-user-dashboard 的 umi@2 版本实现，是 《umi + dva，完成用户管理的 CURD 应用》 文章的 umi@2 版本改写。代码仓库： umi2-dva-user-dashboard。演示地址：demo。