2022 年 5 个前端发展趋势

简介: 我在创建这个前端开发趋势列表时有点害怕——大多数变化都是增量的,这里的观察结果都是已经发生的,并且在 2023 年仍然可能是正确的。你可以看看我们 2021 年的前端预测[1],它们仍然是完全正确的。

大家好,我是 桃翁。


在知乎上也看到过很多开发者预测 2022 的趋势,由于是开发者所以在聊趋势的时候聊得比较细,另外可能国内的趋势比较多,这篇文章我觉得更多的是站在一个公司或者一个决策者层面需要关注的趋势。



以下是翻译正文,以及我自己的一些解读。




我在创建这个前端开发趋势列表时有点害怕——大多数变化都是增量的,这里的观察结果都是已经发生的,并且在 2023 年仍然可能是正确的。你可以看看我们 2021 年的前端预测[1],它们仍然是完全正确的。


尽管如此,以下是我们对 2022 年前端发展趋势的一些想法。


一、React 保留了它的皇室地位


早在 2021 年 2 月,我写了一篇关于 React is king[2],是前端开发人员选择的框架的文章。尽管有人认为可能会出现一个更为时髦的框架并取而代之,但我还是认为,这种趋势还将持续一段时间。其中一个主要原因是 React 的适应性和实用性——它可以用于构建单页 web 应用程序、本地移动应用程序和网站——这使它成为一个非常有用的了解框架。


640 (5).jpg


我预计 React 将在 2022 年继续占据统治地位; 最新的 Stack Overflow 开发者调查[3]在 2021 年中期举行的确认 React 作为整个开发社区最“想要”的框架,以及第四个最喜欢的。它也是最常用的 web 框架。


我看好 React 的另一个原因是,我希望看到它在接下来的 12 个月里继续发展和改进。人们对该框架最常见的抱怨是,它可能会降低网站的速度,使其变得过大(不过,和以往一样,这一直是争论的源头,在前端社区引发了 Twitter 风暴)。


作为回应,我认为我们很快就会看到 React Server Components 走出 Beta,这将有助于使网站更小更快,进一步支持平台的普及。


“

译者注:React 18 的流式 HTML 和选择性的 hydration 解决了传统 SSR 的很多问题,比如在展示任何东西之前,必须选虎丘所有东西。

我相信 React 18 会给具有强烈 SSR 要求的框架带来巨大的竞争力。

”


二、Next.js 继续给人留下深刻印象


Next.js 是一个通用的、非常受欢迎的 React 框架,它还可以提高整个加载时间,以及搜索引擎优化和减少潜在的安全问题。你可以用它来建立网站,使用 JAMStack,开发在线应用程序,甚至创建一个基本的 API。


除了是 Next.JS 的粉丝,我还很欣赏 Vercel ——这个框架背后的公司。Vercel 有一个云平台,可以减少部署过程中的许多痛苦,这意味着作为一个前端开发人员,我只需要插入我的 GitHub 存储库,它就会自动部署我的站点,而不需要设置服务器。


在 2022 年,我预计最有力的前端发展趋势之一将是 Next.JS 和 Vercel 继续不断壮大。


由于 2021 年公司获得了 2.5 亿美元的资金支持,我很高兴看到他们在来年能取得什么成就。


通过收购 Turborepo,他们已经投入了一些资金用于扩展他们的生态系统。同时,还有大量的资金投入到 Next.JS 的推广和开发中,因此我可以看到越来越多的数字开发项目正在收购他们的技术堆栈。


“

译者注:Vercel 这样的技术公司对于技术人员太有吸引力了,React 核心开发者都有过去了。另外 Next.js 在商业的角度是非常的成功,拥有很多的特性,而且搭配上 vercel 部署,对 serverless 支持极好,所以我也很看好 Next.js 和 Vercel 的配合。

”


三、Serverless 架构继续帮助前端交付较小的项目


一般来说,投入到前端开发服务的资金对这个行业来说是个好消息。像 Vercel 这样的公司正专注于前端社区的需求,并通过更好的工具和特性使生活更容易。这种情况发生的一种方式是通过使用无服务器方法,这减少了对后端工作的需求。例如,使用 Serverless API 意味着前端开发人员不需要依赖后端资源来增加项目预算和延长上市时间。


对于较大的项目,您很可能需要专用的前端和后端资源,但无服务器架构对于预算有限的小型项目是有价值的,因为营销团队正在为他们的网站寻找定制特性和集成。


640 (6).jpg


一个 Serverless 的 API 可以帮助前端进行更多的独立工作,所以我们可以期待在 2022 年出现更多的 Serverless 选项。


“

译者注:Serverless 其实对于前端开发者来说是非常有利的一个技术,让一个前端开发者在不懂运维,甚至不怎么懂后端的情况下都可以开发好好用的项目。

”


四、无头(Headless) CMS 已经成熟,并且越来越受欢迎


Headless 作为一个概念已经存在多年,但是也许还没有像一些人预测的那样成为主流。然而,在此期间,无头 CMS 平台已经日趋成熟。


像 Contentful、 Prismic 和 Sanity 这样的产品现在已经达到了稳定的水平,使得它们成为数字团队越来越可行的选择。


工具现在已经非常好了,前端开发人员将会喜欢在这些平台上工作是多么简单。像 Sitecore 这样更加传统和单一的数字体验平台已经引起了人们的注意,并且正在推出他们的无头 CMS 功能。


或许最重要的是,一些无头 CMS 供应商已经获得了巨额融资,以推动增长—— Contentful 在 2020 年获得了 8000 万美元以及 2021 年的 1.75 亿美元。


有大量的资金被投入到这个领域,由此产生的投资和营销力量应该看到无头 cms 的成熟和增长,在整个 2022 年的普及。


“

译者注:这段给我启发的是关于作者在看一个技术是否会成为趋势,通过了是否资本原因投入进来来看的。

”


五、我们需要继续关于多样性和福祉的辩论


总的来说,在过去的几年里,多样性和包容性的价值得到了极大的重视。作为一个职业,我认为我们都知道软件开发需要在促进多样性和包容性方面做得更好。


如果完成 2021 年 Stack Overflow 开发调查的 80,000 多名开发者代表了整个开发者社区,那么我们肯定还有更多的工作要做。91% 为男性。


例如,就整个行业的种族和民族而言,也有一些令人震惊的事实——只有 3.4% 的受访者称自己是黑人或非洲裔。这可能是一厢情愿的想法,但我对 2022 年前端发展趋势的希望之一是,社区能找到更好的方式来讨论我们如何在整个专业领域改进 。


另一个在商界备受关注的问题是员工福利,尤其是在这种流行病肆虐的情况下。


Stack Overflow 调查询问了受访者的心理健康状况。在 16000 名受访者中,10% 的人表示他们患有焦虑症,9% 的人表示有情绪或情绪障碍,9% 的人表示有注意力或记忆障碍。


员工福利是整个行业的一个现实问题,在 2022 年,我希望我们能够在学习如何更好地相互支持方面有所转机。


“

译者注:现在中国也已经在整顿互联网行业加班、福利等问题,希望 2022 会更好

”


总结


2022 年对于前端开发者来说将是另一个激动人心的年份。越来越多的平台和框架继续让我们的生活更加轻松,并为前端用户提供更多的选择。然而,我们必须继续确保前端社区更具包容性和支持性。


参考资料


[1]

2021 年的前端预测:https://www.browserlondon.com/blog/2021/01/04/front-end-predictions-2021/


[2]

React is king:https://www.browserlondon.com/blog/2021/02/09/react-is-king/


[3]

最新的 Stack Overflow 开发者调查:https://insights.stackoverflow.com/survey/2021


相关实践学习
【玩转ComfyUI】基于函数计算一键部署AI生图平台ComfyUI
本次实验将带大家通过使用阿里云产品函数计算FC,快速使用ComfyUI实现更高质量的图像生成。
从 0 入门函数计算
在函数计算的架构中,开发者只需要编写业务代码,并监控业务运行情况就可以了。这将开发者从繁重的运维工作中解放出来,将精力投入到更有意义的开发任务上。
目录
相关文章
|
Rust 前端开发 vr&ar
未来前端发展趋势探析
随着技术的不断发展,前端领域也在不断演进。本文将从WebAssembly、PWA、AR/VR等多个方面探讨未来前端发展的趋势,并分析其对前端开发者的影响和挑战。
|
Rust 前端开发 开发者
探索前端技术发展趋势:从WebAssembly到PWA
【2月更文挑战第10天】随着互联网的快速发展,前端技术也在不断演进。本文将从WebAssembly和渐进式Web应用(PWA)两个方面探讨前端技术的发展趋势,分析它们对于前端开发的影响和未来发展潜力。
|
机器学习/深度学习 人工智能 前端开发
探索未来前端技术发展趋势
随着科技的不断进步,前端技术在不断演进。本文将探索未来前端技术的发展趋势,并讨论其对用户体验、开发效率和安全性的影响。
|
人工智能 前端开发 搜索推荐
前端技术发展趋势分析与展望
【2月更文挑战第9天】 随着移动互联网的快速发展,前端技术在不断演进,从最初的HTML、CSS到如今的React、Vue等前端框架,技术发展日新月异。本文将从移动端、跨平台、人工智能等多个角度分析前端技术的发展趋势,并展望未来的发展方向。
|
存储 JavaScript 前端开发
2022年前端js面试题
2022年前端js面试题
628 156
|
Web App开发 缓存 前端开发
【专栏】探索前端技术WebAssembly和Progressive Web Apps(PWA)如何塑造前端开发的未来
【4月更文挑战第27天】本文探讨了WebAssembly和Progressive Web Apps(PWA)如何塑造前端开发的未来。WebAssembly是一种低级字节码格式,允许在浏览器中运行接近原生性能的代码,解决JavaScript在高性能计算上的局限。PWA则通过Service Workers等技术提升网站的离线使用和性能,提供类似原生应用的体验。这两项技术的崛起将使前端开发更高效、多样化,并推动Web应用向更离线化和本地化发展。随着5G和物联网的发展,前端技术将在边缘计算和智能设备中发挥更大作用。开发者需持续学习适应新技术,以应对这个快速变化的领域。
659 4
|
机器学习/深度学习 前端开发 vr&ar
未来前端发展趋势与挑战
【2月更文挑战第4天】 随着互联网技术的快速发展,前端开发作为用户与网站交互的重要环节,其发展也日益受到重视。本文探讨了未来前端发展的趋势与挑战,从人工智能、跨平台开发、AR/VR技术等方面展望了前端技术的发展方向,同时也指出了前端开发者在面对这些变化时需要面对的挑战。
|
Rust 前端开发 vr&ar
未来前端技术发展趋势分析
在数字化时代,前端技术一直处于快速发展的状态。本文将从WebAssembly、PWA、AR/VR等方面探讨未来前端技术的发展趋势,为读者揭示前端技术的新篇章。
|
人工智能 开发框架 前端开发
未来前端发展趋势与挑战
【2月更文挑战第4天】随着互联网技术的不断发展,前端领域也在不断演进。本文将探讨未来前端的发展趋势和面临的挑战,包括人工智能与前端的结合、跨平台开发技术的应用以及用户体验设计在前端开发中的重要性等方面,带领读者一同探索前端技术的未来发展方向。
405 5
|
人工智能 前端开发 算法
未来互联网发展趋势分析与前端技术应用探讨
【2月更文挑战第3天】随着人工智能、大数据、物联网等新兴技术的快速发展,未来互联网的发展方向和趋势变得更加多样化和复杂。在这种背景下,前端技术作为用户与系统之间的桥梁,扮演着至关重要的角色。本文将从未来互联网发展趋势的角度出发,探讨前端技术在不断变革的互联网时代的应用与发展。

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
    1515
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
    774
  • 3
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    648
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    645
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
    720
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
    918
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
    1786
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改
    444
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
    1480
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
    762