2020 年的 5 个前端预测和趋势

这些预测和趋势从何而来

微前端——微服务的扩展

前端框架——最受欢迎的 React.js

Web 组件

ES 模块和动态导入

JavaScript 将势不可挡

帮助您做好准备的资源

2020 年值得阅读的前端书籍

最初发表于Medium

今年即将结束，我们见证了前端技术在过去几年中的巨大发展。我们一直在努力追赶这个令人着迷的行业中的所有新框架、库和新工具。

这种残酷而快速的增长使得全球前端开发人员的数量不断增长。这真是太棒了；开发人员之间的互动、联系和知识共享越多，可用的工具和资源就越多、越强大。

因此，了解了我们现在对 JavaScript 和前端的了解之后，我们需要领先一步，看看有哪些趋势、工具和资源可以掌握、改进或赶上这列快速行驶的火车。

这将让你了解你已经拥有哪些技能以及需要准备哪些技能，以继续成为前端开发精英的一部分。

这些预测和趋势从何而来

接下来的预测基于我一年来在研究、调查和可靠来源中观察到的所有情况。
其中一些预测可能正确，其他则可能不正确。这只是预测！现实情况是，我们需要密切关注这些变化，并拥有适当的资源来掌握它们并做好准备。

微前端——微服务的扩展

这大概是近年来前端领域最新的热点了。今年，它确实受到了广泛关注。

一个不带偏见的预测是，到 2020 年，它将被更多开发者和公司接受和使用。但微前端是什么呢？
它的理念很简单，就是避免与单体前端代码库持续斗争。因此，根据 Martin Fowler 博客作者 Cam Jackson 的说法，他将其定义为：

“一种将可独立交付的前端应用程序组合成更大整体的架构风格”——Cam Jackson-Martin Fowler

正如您所见，这种前端架构将继续受到关注，因为它可以帮助解决复杂和现代应用程序以及组织复杂结构中的大问题。

前端框架——最受欢迎的 React.js

根据Stack Overflow和State of JS Surveys 的调查， React 将继续主导前端框架。

就在几天前，2019 年 JS 现状调查刚刚启动。你可以在他们的网站上找到所有内容。在前端框架部分，React.js 获得了冠军。

Stack Overflow 在其调查中也向我们展示了开发者对 React 的喜爱，以及他们正在考虑继续使用它，并用它构建美观、健壮、可扩展且复杂的应用程序。
我认为值得关注的一点是，我们应该关注快速发展的Svelte.js。在短短一年内，它就赢得了众多爱好者，以至于现在它的受欢迎程度已经与 React.js 不相上下。
这是一项值得明年关注和学习的杰出技术。

Web 组件

Web 组件是一套不同的技术，允许你创建可重用的自定义元素（其功能与其他代码隔离），并在你的 Web 应用中使用它们。——MDN

Web 组件的理念是以不可知的方式工作。这意味着它们能够在没有框架或任何框架标准化的情况下工作。
它们提供了一组 JavaScript API，允许您定义自定义元素和行为。此外，它们还提供了 Shadow DOM 和 HTML 模板。

ES 模块和动态导入

ES 模块

目前，大多数浏览器已经支持 ES 模块。
当然，Node.js 也不甘落后，现在完全支持当前规范的 ECMAScript 模块，并在其与现有模块格式 CommonJS 之间提供有限的互操作性。ECMAScript
模块是打包 JavaScript 代码以供复用的官方标准格式。模块使用各种 import 和 export 语句进行定义。

动态导入

此功能解决了许多与应用性能相关的问题，并避免了资金浪费。
它有助于动态加载模块，并允许使用 Promise 或 async/await 语法按需加载。示例如下：

import("./math").then(math => {
console.log(math.add(16, 26));
});

真的很棒，不是吗？

JavaScript 将势不可挡

显而易见。JavaScript 将在 2020 年继续占据主导地位，这得益于我们上面提到的所有特性和功能，以及即将推出的特性和版本。
其他值得关注的方法和特性包括：

• 作曲软件。
• 函数式编程。
• Promise.allSettled，JavaScript 的可选链，Object.fromEntries()。

帮助您做好准备的资源

接下来，我想与大家分享一些有价值且有用的资源，帮助您跟上所有前端趋势。

JavaScript 资源

• 《代码整洁之道：敏捷软件工艺手册》
• 程序员修炼之道：从熟练工到大师
• 编写 JavaScript 应用程序

2020 年值得阅读的前端书籍

• 微前端书籍
• 新的前端开发书籍
• 学习在线课程，掌握职场技能

感谢阅读！如果觉得这个故事有趣，请点赞并分享给你的朋友，我会非常感激。希望能为你带来更多知识。

支持我并关注我的博客和Medium