专栏名称: 程序猿

本微信公众号：imkuqin，为程序员提供最新最全的编程学习资料的查询。目前已经开通PHP、C/C++函数库、.NET Framework类库、J2SE API查询功能。

2024 年前端现状

程序猿 · 公众号 · 程序员 · 2024-12-25 23:36

正文

来自公众号：前端充电宝

最近，TSH 发布了一年一度的前端状态调查结果，本文将探讨 2024 年前端的现状。

前端框架

过去一年使用过的前端框架：

过去一年使用过的渲染框架：

当前前端框架现状：

React与Next.js的主导地位：React凭借其强大的社区支持和生态系统，在前端开发中持续占据主导地位。同时，Next.js作为React应用的全栈框架，因其服务端渲染、高效的路由以及对React 19新特性的早期采用，而备受开发者青睐。
新兴框架崭露头角：Astro和SvelteKit作为新兴的渲染框架，正在迅速崛起并受到开发者的高度关注。此外，Qwik和SolidJS也在社区中逐渐崭露头角，这些框架为前端开发提供了与传统React、Vue、Angular不同的方法和思路。
开发者对新框架的热情：许多开发者对学习Svelte表现出了浓厚的兴趣，其次是HTMX和Qwik。然而，对Angular.js和Ember的兴趣却在逐渐下降，这可能表明开发者对这些传统框架的未来发展持观望态度。

前端库

过去一年使用过的验证库：

过去一年使用过的日期库：

过去一年使用过的状态管理库：

过去一年使用过的其他库：

数据获取

数据获取领域现状稳定，开发者倾向使用成熟可靠的工具如 TanStack Query、Axios和fetch API，对新库需求不大。

微前端

微前端采用率大幅下降，反映了行业趋势转变，部分公司因技术和准备不足而放弃，同时服务器渲染、静态站点生成兴起，模块联邦成新标准，预计2025年微前端领域将因 AI 集成而保持活跃。

包管理器

NPM主导Node.js包管理器市场，但Yarn和PNPM正稳步增长。Yarn以性能和高级功能受欢迎，PNPM则因高效依赖管理获青睐。新兴Bun虽未正式列入调查，但因性能提升被开发者关注。

JS运行时

Node.js凭稳定性、丰富生态和社区支持主导前端开发，但面临Bun和Deno等新运行时在速度、兼容性和开发者体验上的竞争，未来这些新运行时可能因性能优化和TypeScript支持而更具吸引力。

类型方法

TypeScript使用率增长，超半数开发者视其为网络标准。开发者依赖TypeScript增强开发体验，但类型检查速度成瓶颈。构建工具转向原生代码加速反馈，类型检查或成速度关键。未来，TypeScript 前景光明且注重类型安全。

TypeScript 现状如何：

浏览器技术

Fetch API 因其简单易用而迅速成为标准，使用率几乎是存储API的两倍。这推动了开发者更倾向于使用本地存储技术，如IndexedDB和 Service Workers，以提高应用加载速度和用户体验。尽管渐进式Web应用（PWA）的概念很有前景，但在功能完善方面还有很长的路要走，尤其是文件系统访问API，目前只支持Chromium内核浏览器。

UI组件库

在UI框架方面，shadcn/ui以28.1%的使用率领先，结合Tailwind、Radix和React，通过直接复制实现文件到项目来自定义。MUI第二，以可访问性、主题性和高定制性著称，解决了与NextJS的兼容问题。Bootstrap虽源于Web 2.0，但生态系统庞大，与React集成良好。Ant Design以7.3%的使用率排第五，为企业提供轻量级MUI替代品。

样式工具

纯 CSS 最受欢迎，74.8%受访者爱用，且正取代部分JS任务。Sass/SCSS使用率为71.8%，因功能和预处理能力受开发者喜爱。Tailwind CSS实用主义方法获66.7%认可，尤其与React和Next.js契合。CSS Modules和Styled Components使用率分别为56.7%和42.9%，因作用域化样式和组件架构集成受青睐。

测试

过去一年使用的测试工具：

大多数测试由开发者或与QA团队合作完成，这加快了开发速度并提供了可靠反馈。虽然77%的受访者进行了测试，但主要集中于单元测试，不过端到端和集成测试也很重要。Jest和Cypress是热门工具，但Vitest和Playwright作为新工具越来越受欢迎，特别是Vitest 随着 Vite 的兴起而越来越流行，Playwright则因性能优越和设置简化获青睐。

代码编辑器

前端开发者最爱用 Visual Studio Code，占75.1%，它免费且扩展丰富。JWebStorm 排第二，专为前端设计，稳定可靠，目前个人版已免费开放。另外，AI驱动编辑器正在崛起，Cursor 利用新大语言模型，虽目前用户不多，但潜力巨大。VS Code 也在加强AI功能，编辑器大战一触即发。