[译] Hooks 对 Vue 而言意味着什么

[译] Hooks 对 Vue 而言意味着什么

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

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

阅读更多
[译] 2019 前端性能优化年度总结 — 第四部分

[译] 2019 前端性能优化年度总结 — 第四部分

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

目录

阅读更多
2018 前端全面回顾

2018 前端全面回顾

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

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

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

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

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

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

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

阅读更多
[译] 5 款工具助力 React 快速开发

[译] 5 款工具助力 React 快速开发

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

阅读更多
[译] React 的今天和明天(图文版) —— 第二部分

[译] 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 Today and Tomorrow Part II 视频中英双语字幕

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

阅读更多
[译] React 的今天和明天(图文版) —— 第一部分

[译] React 的今天和明天(图文版) —— 第一部分

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

阅读更多
React Conf 2018 专题 —— React Today and Tomorrow Part I 视频中英双语字幕

React Conf 2018 专题 —— React Today and Tomorrow Part I 视频中英双语字幕

本文掘金地址: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 —— 中英双语字幕

阅读更多
[译] Google 工程师提升网页性能的新策略:空闲执行,紧急优先

[译] Google 工程师提升网页性能的新策略:空闲执行,紧急优先

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

阅读更多

DvaJS 的学习之路 2 - umi@2 + dva,完成用户管理的 CURD 应用

前言

最近一个月来使用 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 作者 @sorryccumi-dva-user-dashboard 的 umi@2 版本实现,是 《umi + dva,完成用户管理的 CURD 应用》 文章的 umi@2 版本改写。代码仓库: umi2-dva-user-dashboard。演示地址:demo

阅读更多