2023三大前端技术新秀
内容提要
2023年的三个前端技术新秀是honojs、HTMX和Astro。honojs是一个轻量且快速的前端框架,可用于开发web应用和cloudflare的workers。HTMX是一个与其他前端框架和类库不同的前端类库,它隐藏了一个服务器端组件的本质。Astro是一个静态站前端项目,具有快速迭代、强大的扩展能力和对前端技术的跟进和支持。
延伸解读
Hono:本地开发 Cloudflare Workers 的实用选择
文章指出,对于简单的 Cloudflare Worker,后台快速编辑足够;但涉及 CORS 等通用关注点或复杂逻辑时,本地开发更高效。Hono 提供了 API 和脚手架层面的直接支持,让开发者能在本地开启项目并完成部署闭环。这适合需要引用前端生态资源、编写测试的 Worker 场景,而非仅做重定向的简单实现。
HTMX:让遗留技术栈获得 SPA 体验的异类
HTMX 不是框架而是类库,可与其它框架共存。其关键特点是:应用原则上需与服务器端远程交互,且交换的数据是标准 HTML 片段而非 JSON。这使得 Django admin 等遗留技术栈也能实现类似 SPA 的体验,让后端程序员以熟悉的方式拥抱 SPA,开发体验不错。
Astro 快速崛起的四个支撑点
与 Jekyll、Hugo 等 SSG 相比,Astro 的优势在于:一年内从 1.x 迭代到 4.x,社区活跃;兼容 React、Vue、Svelte 等组件并统一编译;快速跟进 hydration、Island 架构、View Transition、Prefetch 等前端技术;提供强类型 content collection,配合 headless CMS 可构建内容创作平台。
Q&A
2023年有哪些值得关注的前端技术新秀?
2023年三大前端技术新秀是honojs、HTMX和Astro。
honojs 适合用来做什么?
honojs 是一个轻量且快速的前端框架,适用于开发传统web应用(如替代expressjs的场景),尤其适合开发Cloudflare Workers。它提供对Cloudflare Worker的直接支持,包括API层面和代码脚手架,方便在本地编写测试并完成部署闭环。
HTMX 和普通前端框架有什么不同?
HTMX 不是一个前端框架,而是一个前端类库,可以与其他框架或类库共存。它的关键特点是:在SPA体验的表面下隐藏了服务器端组件的本质;应用原则上都需要与后端进行远程交互,且交互获得的数据格式是标准的HTML片段,而不是大多数前端框架使用的JSON。
HTMX 对后端程序员有什么好处?
HTMX 让遗留技术栈(如django admin、各种后端语言写的前端项目)都能实现SPA一样的体验,相当于让后端语言、后端生态甚至后端程序员都可以拥抱SPA,并且开发体验不错。
Astro 相比其他静态站点生成器有什么优势?
Astro 的优势包括:快速迭代(一年内从1.x到4.x,2024年初发布4.1);强大的扩展能力,兼容React/Vue/Svelte等框架的组件集成;对前端技术极速跟进和支持(如hydration、Island架构、View Transition、Prefetch等);提供强类型/强schema的content collection支持,可配合headless CMS打造内容创作/协作平台。
Astro 适合用来搭建什么类型的项目?
Astro 是一个静态站前端项目(SSG),适合搭建静态网站,也适合利用其强类型content collection和headless CMS支持来打造内容创作/协作平台。例如,架构百科文字站就是用Astro搭建的。