|
|
2022 年您应该了解的 10 大 Web 开发技术
Photo by 沙哈达特·拉赫曼 on 不飞溅
网络技术发展得真快！ 天文 最近发布了 1.0，并且 烤箱 （背后的公司 包子 ) 还宣布已提出 7 美元 百万。你知道吗 天文 和 包子 ?如果您不知道，请立即了解。他们真的很棒！除了它们，在本文中，我将介绍 Web 开发人员应该了解的其他 8 种技术。
目录
- 天文 ：使用 Astro 的下一代岛式架构构建更快的网站。
- 新鲜的 ：Fresh 是下一代 Web 框架，专为速度、可靠性和简单性而构建。
- 快客 : HTML 优先的框架。具有约 1kb JS 的任何大小的即时应用程序。
- 混音 : 建立更好的网站。使用 Web 基础创建现代、有弹性的用户体验。
- 包子 ：令人难以置信的快速 JavaScript 运行时、捆绑器、转译器和包管理器 — 合二为一。
- 维特 ：下一代前端工具。它很快！
- esbuild : 一个非常快速的 JavaScript 和 CSS 打包器和压缩器。
- SWC : 基于 Rust 的 Web 平台。
- 涡轮回购 ：用于 JavaScript 和 TypeScript 代码库的高性能构建系统。
- 维泰斯特 : Vite 原生测试框架。它很快！
1.天文
Github ： 星星 17.9K+； 打字稿 54.7% , JavaScript 42.0% [
天文 |建立更快的网站
受到超过 30,000 名开发人员和世界级团队的信任您的内容，您的方式。 Astro 与您最喜欢的内容一起工作……
astro.build
](https://astro.build/)
天文 是一款适用于现代网络的网站构建工具——强大的开发者体验与轻量级输出相得益彰。它是一个 多合一的网络框架 用于建筑 快速、以内容为中心的网站 .
为什么选择 Astro 而不是另一个 Web 框架？这里有五个核心设计原则来帮助解释我们为什么要构建 Astro，它存在要解决的问题，以及为什么 Astro 可能是您的项目或团队的最佳选择。
- 以内容为中心 : Astro 专为内容丰富的网站而设计。
- 服务器优先 ：网站在服务器上呈现 HTML 时运行速度更快。
- 默认快速 : 在 Astro 中建立一个慢的网站应该是不可能的。
- 便于使用 : 你不需要成为专家就可以使用 Astro 构建一些东西。
- 功能齐全，但灵活 ：超过 100 多种 Astro 集成可供选择。
资源
- 系列：在构建 Ink 的同时学习 Astro
- 真棒天文
2.新鲜
Github : 星星 : 8.6K+; 打字稿 99.8% , JavaScript 0.2% [
fresh - 下一代 Web 框架。
即时边缘渲染、基于岛的交互性以及使用 Deno 的无配置 TypeScript 支持。
新鲜的.deno.dev
](https://fresh.deno.dev/)
新鲜的 是一个面向 JavaScript 和 TypeScript 开发人员的全栈现代 Web 框架，旨在让创建高质量、高性能和个性化的 Web 应用程序变得轻而易举。您可以使用它来创建您的主页、博客、大型 Web 应用程序（如 GitHub 或 Twitter）或您能想到的任何其他内容。
Fresh 的核心是路由框架和模板引擎的组合，可在服务器上按需呈现页面。除了在服务器上的这种即时 (JIT) 渲染之外，Fresh 还提供了一个接 预演 和 JSX 用于在服务器和客户端上进行渲染和模板化。
一些突出的特点：
- 无构建步骤
- 需要零配置
- 边缘的 JIT 渲染
- 小而快（框架不需要客户端 JS）
- 单个组件的可选客户端水合
- 由于渐进式增强和使用本机浏览器功能而具有高度弹性
- 开箱即用的 TypeScript
- 文件系统路由 à la Next.js
资源
3. 快客
Github : 星星 : 5.7K+; 打字稿 58.6% , JavaScript 32% [
为边缘重新构想的框架！
下载到客户端的代码量与用户交互的复杂性成正比，而不是...
http://qwik.builder.io
](https://qwik.builder.io/)
快客 是一种新型的 Web 框架，可以提供任何大小或复杂性的即时加载 Web 应用程序。 您的网站和应用程序可以使用大约 1kb 的 JS（无论应用程序复杂性如何）启动，并在规模上实现一致的性能 .
Qwik 是：
- 一般用途 ：Qwik 为 React 开发人员所熟悉，可用于构建任何类型的网站或应用程序。
- 可恢复 : Qwik 是 可恢复的 这意味着 Qwik 应用程序需要 不补水 .这允许 Qwik 应用程序具有即时交互性。
- 进步 : Qwik 需要 完全负责如何加载和下载 JS .不再需要手动代码拆分。
- 反应性 : Qwik 语义允许 完全反应和高效的渲染 .
- 快速地 ：无论应用程序复杂性如何，Qwik 都具有始终如一的快速性能，即使在移动设备上也能提供亚秒级的完整页面加载。 Qwik 通过提供纯 HTML 并仅根据需要增量加载 JS 来实现这一点。
- 可扩展 : Qwik 应用程序有 O(1) 恒定的可扩展性 .应用程序的大小无关紧要，启动时间总是很快。
资源
4. 混音
Github ：星星 ：18.9K+； 打字稿 89.3% , JavaScript 10.7% 混音 是一个全栈 Web 框架，可让您专注于用户界面并通过 Web 标准进行工作，以提供快速、流畅且有弹性的用户体验。人们会喜欢使用你的东西。
混音是四件事：
- 编译器
- 服务器端 HTTP 处理程序
- 服务器框架
- 浏览器框架
当所有这四件事都相互了解时，您可以做一些非常有趣的事情。
我们经常将 Remix 描述为“React Router 的编译器”，因为 Remix 的一切都利用了嵌套路由 .应用程序开发人员将文件添加到应用程序/路线/* 然后 Remix 从那里起飞。
资源
- 使用 Remix 启动并运行 （免费课程）—— Egghead.io
- 真棒混音
5. 包子
Github ：星星 ：32.6K+； 齐格 58.0% , C++ 24.0% [
Bun 是一个快速的一体化 JavaScript 运行时
捆绑、转译、安装和运行 JavaScript 和 TypeScript 项目 — 全部在 Bun 中。 Bun 是一个新的 JavaScript 运行时...
bun.sh
](https://bun.sh/)
包子 是一个快速的一体化 JavaScript 运行时。包子是一个新的：
- 带有 Web API 的 JavaScript 运行时，例如[ 拿来](https://developer.mozilla.org/en-US/docs/Web/API/fetch) ,[ 网络套接字](https://developer.mozilla.org/en-US/docs/Web/API/WebSocket) ，以及更多内置的。 bun 嵌入了 JavaScriptCore，它往往比 V8 等更流行的引擎更快且内存效率更高（尽管更难嵌入）
- JavaScript/TypeScript/JSX 转译器
- JavaScript 和 CSS 捆绑器
- package.json 脚本的任务运行器
- npm 兼容的包管理器
多合一快速且易于使用的工具。 而不是 1,000 个 node_modules 用于开发，您只需要 bun .
资源
- Bun：对 JavaScript 生态系统的彻底改造
- 真棒面包
6. 维特
Github ：星星 ：46.7K+； 打字稿 81.1% , JavaScript 10.4% [
维特
下一代前端工具
vitejs.dev
](https://vitejs.dev/)
维特 是一种构建工具，旨在为现代 Web 项目提供更快、更精简的开发体验。它由两个主要部分组成：
- 一个开发服务器，提供 丰富的功能增强 超过 原生 ES 模块 ，例如非常快 热模块更换 (HMR) .
- 将您的代码与 卷起 ，预配置为输出高度优化的静态资产用于生产。
主要特点：
- 即时服务器启动
- ⚡️ 闪电般的 HMR
- ️ 丰富的功能
- 优化构建
- 通用插件接口
- 全类型 API
资源
7.esbuild
Github ：星星 ：32.9K+； 去 79.4% , 打字稿 15.4% [
esbuild - 一个极快的 JavaScript 打包器
一个速度极快的 JavaScript 打包器 上图：是时候做一个包含 10 个 3.js 库副本的产品包了……
http://esbuild.github.io
](https://esbuild.github.io/)
建站 是一个非常快速的 JavaScript 和 CSS 打包器和压缩器。我们当前的网络构建工具是 10–100 倍 比他们可能的要慢。 esbuild bundler 项目的主要目标是带来构建工具性能的新时代，并在此过程中创建一个易于使用的现代捆绑器。
主要特点：
- 极速，无需缓存
- ES6 和 CommonJS 模块
- ES6 模块的 Tree Shaking
- 一个 API 用于 JavaScript 和 Go
- 打字稿 和 JSX 句法
- 源图
- 缩小
- 插件
资源
8.SWC
Github ：星星 ：23.6K+； 生锈 95.5% , JavaScript 2.8% [
基于 Rust 的 Web 平台 - SWC
SWC 是一个可扩展的基于 Rust 的平台，适用于下一代快速开发工具。它被诸如……之类的工具使用。
swc.rs
](https://swc.rs/)
SWC 是一个可扩展的基于 Rust 的平台，用于下一代快速开发工具。它被 Next.js、Parcel 和 Deno 等工具以及 Vercel、ByteDance、腾讯、Shopify 等公司使用。
SWC 在单线程上比 Babel 快 20 倍，在四核上快 70 倍。
SWC 可用于编译和捆绑。对于编译，它使用现代 JavaScript 功能获取 JavaScript / TypeScript 文件，并输出所有主流浏览器都支持的有效代码。
SWC 被设计为可扩展的。目前，支持：
- 汇编
- 捆绑 (swcpack )
- 缩小
- 使用 WebAssembly 进行转换
- webpack 内部的用法（swc加载器 )
- 提高 Jest 性能 (@swc/开玩笑 )
- 自定义插件
资源
9.涡轮回购
Github : 星星 : 9K+; 去 82.2% , 打字稿 9.8% [
涡轮回购
Monorepos 的生产力令人难以置信，尤其是在前端，但工具可能是一场噩梦。有个…
http://turborepo.org
](https://turborepo.org/)
涡轮回购 是一个用于 JavaScript 和 TypeScript 代码库的高性能构建系统。它受到生产中成千上万的开发人员的信任，包括在 Vercel、AWS、Netflix、微软、迪士尼 ， 和更多。
Turborepo 重新构想了 Facebook 和 Google 使用的构建系统技术，以消除维护负担和开销。它支持以下功能：增量构建、内容感知散列、并行执行、远程缓存、零运行时开销、任务管道等。
资源
- 为什么选择 Turborepo
- 为什么 TurboRepo 将成为 2022 年的第一个大趋势
10. 维特
Github : 星星 : 6K+; 打字稿 89.0% , JavaScript 3.3% [
维泰斯特
重用 Vite 的配置、转换器、解析器和插件 - 在您的应用程序和测试中保持一致。期待，快照…
vitest.dev
](https://vitest.dev/)
维泰斯特 是一个由 Vite 提供支持的极速单元测试框架。
- 维特 的配置、转换器、解析器和插件。在您的应用程序中使用相同的设置！
- 笑话快照
- 柴 内置的断言，与 开玩笑的期望 兼容的 API。
- 智能即时观看模式 ，例如用于测试的 HMR！
- 本机代码覆盖率 通过 c8 或者[ 伊斯坦布尔](https://istanbul.js.org/) .
- 小间谍 内置用于模拟，存根和间谍。
- JSDOM 和 快乐的dom 用于 DOM 和浏览器 API 模拟
- 组件测试（ Vue , 反应 , 苗条 , 点亮 , 维特斯 )
- 工人多线程通过 小池 （一个轻量级的叉子 皮西纳 )
- ESM优先，顶级等待
- 开箱即用的 TypeScript / JSX 支持
- 套件和测试的过滤、超时、并发
资源
除了以上10个项目，如果你还有其他好的项目，请给我留言。在上面的项目中，你会发现很多项目都大量使用了 打字稿 .如果你想学习 TypeScript，那么不要错过 精通 TypeScript 系列。
- TypeScript 泛型中的 K、T 和 V 是什么？
- 像专业人士一样使用 TypeScript 映射类型
- 像专业人士一样使用 TypeScript 交集类型
- 像专业人士一样使用 TypeScript 条件类型
- 像专业人士一样使用 TypeScript 推断
- 像专业人士一样使用 TypeScript 模板文字类型
- 可视化的 TypeScript：15 种最常用的实用程序类型
跟着我 中等的 或者 推特 阅读更多关于 TS 和 JS 的信息！
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明
本文链接：https://www.qanswer.top/1120/37412711 |
|
发表于 2022-9-28 18:59:56