🕸️ 我们将在 2024 年看到的 Web 开发趋势👀

我们已经步入新的一年，现在正是回顾 2024 年 Web 开发领域哪些趋势开始获得关注的最佳时机。回顾 2023 年的一系列更新，以下是一些关于即将到来的一年的热门话题的概述。

回到自托管

多年来，自托管一直是 Web 开发者和公司托管应用程序的初始和默认方式。为了托管他们的 Web 应用程序，开发者必须深入了解 IIS、Nginx 或类似工具的内部工作原理。后来，云服务应运而生，与“DIY”方式相比，部署变得轻而易举。服务器维护的噩梦再也不用担心了，对吧？

与“标准”的自托管解决方案相比，更便宜、更便捷的云部署意味着您可以更轻松地学习和维护在其他地方的部署。毕竟，您必须拥有一台服务器，维护它、更新它、解决错误等等。与此同时，Docker 逐渐流行起来，“它在我的电脑上可以运行，但在生产环境中却不行”的时代似乎正在成为过去。

然而，这不足以取代将应用程序交付给某些外部提供商所带来的便利。无需学习太多网络、管理和虚拟机操作知识的便利性仍然不存在。廉价家用服务器的兴起，使用网络附加存储 (NAS) 及其丰富的选项，使得轻量级应用的自托管需求变得更容易满足。现在我们有了 Proxmox 和 Portainer 等工具，它们让自托管 Docker 容器变得轻而易举。我们甚至看到 DHH（他是 Ruby on Rails 等的创始人之一）的公司完全转向了自托管模式，这引发了一场激烈的争论。

返回服务器

在 React 的世界里，服务器渲染应用的趋势愈发明显。React服务器组件主要由 Next.js 引领，尽管是一项新兴技术，却在公众讨论中占据了很大的份额。这些工具正在引起轩然大波——一些开发者认为它们具有开创性的意义，而另一些人则认为它们只是在重复造轮子。无论如何，它们的承诺是更快的页面加载速度、更少的客户端代码以及更流畅的开发体验。

React 组件允许在服务器上完全执行和渲染 React 代码，这将带来诸多好处，例如更快的页面加载速度、更少的代码量以及更佳的开发者体验。它的一大 DX 优势是可以直接从组件本身安全地访问数据库层，而无需 API。

HTMX是另一个因其服务器优先的数据渲染方法而广受欢迎的库，尽管它寻求一种更简单的方式来吸引开发人员。

返回SPA

等等，这难道不自相矛盾吗？虽然服务器端渲染日渐流行，但也有坚定的阵营在完善经典的单页应用 (SPA) 方法。主要原因是，我们感觉自己在服务器优先方法的实验上走得太远，以至于忘记了并非所有应用都应该运行在服务器上。有些应用可能是高度动态的，需要进行大量复杂的客户端验证，或者你只是想将旧的 Create-React-App 架构迁移到 Vite。

顺便说一句，如果你好奇 SPA 到底是什么，以及什么时候应该使用它而不是 React 服务器组件，让我快速解释一下。单页应用 (SPA) 是一种 Web 应用，它最初只加载一个 Web 文档，然后动态更新该页面的内容，而无需重新加载整个页面。SPA 通过重写现有网页来与用户交互，而不是从服务器加载全新的页面。

Remix SPA 模式是 SPA 的一种较新方法。它使用 Vite 创建一个基本由 React Router 和 Vite 组成的设置，并添加了 Remix 特有的功能，例如基于文件的路由等。

另一个利用 Vite 为用户提供 SPA 体验的 React 框架是Wasp——一个 React 和 Node.js 的全栈框架，它大幅减少了样板代码。尽管它是一个全栈框架，但它专注于使用 Node.js 服务器部署客户端 React 应用的标准化方法，以尽可能提高可移植性。通过这种方法，您几乎可以在任何地方部署您的应用，甚至可以自行托管，这也是我们之前在本文提到的。

为了更快地启动，它还提供了Open SaaS - 一个 100% 免费且开源的 React 和 Node.js 样板启动器。只需克隆它，即可获得一个包含身份验证、计费、Open AI API、用户仪表板等功能的可运行应用程序！

觉得这篇文章有用吗？

我们正在Wasp上努力  创建这样的内容，更不用说构建一个现代的开源 React/NodeJS 框架了。

表达支持最简单的方式就是给 Wasp 代码库点个星！🐝 但如果您能访问代码库（无论是贡献代码还是测试产品），我们将不胜感激。点击下方按钮，给 Wasp 点个星，表达您的支持！

⭐️感谢您的支持💪

低级语言的兴起

暂且抛开 JavaScript 的世界，我们发现许多低级语言正在进入主流，尤其是在 JavaScript 工具方面。这一趋势在过去几年中已经初现端倪，并将持续到 2024 年及以后。随着 JavaScript 生态系统的蓬勃发展，出现了许多基于 JavaScript 构建的优秀工具，这使得开发人员能够更轻松地为这些工具做出贡献，并创建自己的插件来根据自己的喜好进行定制。

我们对此感到兴奋的一大原因是，与基于 JS 的工具相比，这些工具为开发人员带来的性能提升。SWC（Speedy Web Compiler）和 Turbopack（Vercel 自称是 Webpack 的继任者）等工具均采用 Rust 构建。另一方面，Bun 是一个使用 Zig 构建的一体化 JavaScript 工具包。它不仅允许用户将其用作默认的 JavaScript 运行时，还可以用作打包器、测试运行器和兼容 Node.js 的包管理器。值得庆幸的是，许多新工具不会消除与现有概念的兼容性，因此过渡相对容易。

结论

正如所有事情一样，我们应该对所有预测和潜在趋势持保留态度。如今，新技术和新工具层出不穷，人们很容易被炒作所迷惑。如果你仔细阅读这篇文章，你可能会想：“好吧，人工智能在哪里？”。我特意没有包含任何基于人工智能的预测，以便让人们关注行业中其他被忽视的酷炫发展和趋势。

你对这些趋势有什么看法？你也注意到了吗？或者更棒的是，你自己也尝试过一些类似的方法？请在下方评论区留言，分享你的看法！