第1479期2018 年前端开发回顾

Posted 2021-04-08 前端早读课

前言

年底了各种总结纷纷上场。今日早读课文章由@Treasure.y翻译分享。

正文从这开始～～

前端开发的世界移动快，非常快。本文将回顾 2018 年最重要的前端新闻，引人注目的事件，以及 javascript 的趋势。

WebAssembly 主要版本的核心规范达到了 1.0

WebAssembly 通常被认为是互联网的未来。它的目标是通过提供在 web 上运行的二进制格式来最大化性能，减少文件大小，实现多语言 web 开发。
在 2017 年底所有主流浏览器宣布他们支持 WebAssembly。然后在 2018 年 2 月，WebAssembly 有三个主要的版本：

• 核心规范发布 1.0

• WebAssembly 的 JavaScript 接口

• WebAssembly 的 Web API

推荐：

流行的前端库在 NPM 的下载量

React、jQuery、Angular 和 Vue 是最受欢迎的 4 大前端模块下载。请进一步阅读以了解库的最新发展。

随着库的发展,React 继续它的统治地位

React 在 web 开发领域占据主导地位已有多年，而且在 2018 年期间丝毫没有放缓。根据Stackoverflow 的调查，它仍然是最受欢迎的库之一。
核心 React 团队在更新库和添加功能方面非常活跃。在整个 2018 年，我们看到 React v16 发布增加了许多功能，包括新的生命周期方法、新的上下文 API、指针事件、延迟函数和 React.memo。然而，最受关注的两个特性是 React hook 和 Suspense API。

React hook 得到了一些强烈的反馈，许多开发人员都喜欢这个更新。
Hooks 是一种使用 useState 函数向函数式组件添加状态的方式，它还将管理生命周期事件。

在下面的视频中，Ryan Florence 展示了 React Hooks 让他的示例应用程序更干净了90%

另一个巨大的版本是 React Suspense，它是一种管理在 React 组件内部获取数据的方法。它在等待异步响应时暂停渲染数据。Suspense 指的是延迟函数背后用来管理组件的代码分割。最终的设想是能够通过 suspense API 管理所有异步加载，例如 API 请求。它还允许缓存来自请求的结果。
举的例子显示了许多加载中的旋转，当你的 isFetching 标记 是 true 的时候。

通过 Suspense，您可以对 UI 进行细粒度控制，以指定在等待时希望显示什么回退组件、等待多长时间以及如何管理导航。许多人甚至认为 Suspense 可以移除 Redux 的需要。看看 Dan Abramov 谈论如何使用 Suspense API 建立一个应用程序