一个多月前,Astro 的首个公开测试版发布。此后,我们一直在修复bug并收集您的反馈,以决定接下来要解决的问题。今天,我们很高兴地宣布发布一些我们最受欢迎的功能。
我们很高兴推出 Astro v0.18,其主要功能包括:
- 响应式局部水合: 使用 CSS 媒体查询对组件进行水合。
- Astro 组件中的具名插槽: 支持 Astro 组件内的多个内容入口点。
- 支持 Solid.js: 在 Astro 中使用 Solid.js 组件。
- 支持 Lit: 使用 Lit SSR 为 Web 组件提供服务器端渲染。
- `
Solid 是一个基于 JSX 的 UI 框架,自称是 React 的熟悉、现代、更具响应性的替代方案。我们对 Solid 感到非常兴奋,通过 Astro 新的Solid 渲染器,您可以在项目中将 Solid 作为一流框架使用。
添加对 Solid(我们第三个官方支持的 JSX 框架)的支持并非易事,需要对 Astro 处理 JSX 的方式进行重大重构。最终结果是值得的:Astro 现在能更好地支持不同类型的 JSX,甚至可以支持新的 React v17 JSX 转换。Astro 的这一新基础应该会很好地支持我们未来发展。
Solid v1.0 的发布完美展示了 Astro 的多框架承诺:在现有项目中与您的其他组件并行尝试您的第一个 Solid 组件。当其他构建工具强制您选择并坚持使用单一框架时,Astro 使多框架项目变得容易,无论是短期代码迁移还是长期站点架构。
支持 Lit SSR
得益于 Lit 和 Astro 新的Lit 渲染器,Web 组件的服务器端渲染 (SSR) 终于来了。
多亏了声明式 Shadow DOM——一项现在 Chrome 中可用的新 HTML 功能——Lit 项目得以发布对 Lit 的实验性 SSR 支持。在 JavaScript 中定义一个自定义元素,并使用 Astro 对其进行服务器渲染,就像对待 React 或 Vue 中的任何其他组件一样。与其他 JS 组件不同,您仍然在 HTML 中使用自定义元素标签名称。
Lit SSR 渲染器是实验性的,一些现有的 Web 组件可能无法与新 API 配合使用。随着其他 Web 组件库采用声明式 Shadow DOM 并出现通用的渲染 API,我们也希望为这些库提供支持。随着我们迈向 Astro v1.0,我们将继续完善和改进此支持。
社区
在如此短的时间内,Astro 收到的喜爱让我们感到非常震惊
- 来自 Netlify、Cloudflare、CSS Tricks 等的精选文章和指南。
- 超过 2,000 名开发者已下载 Astro VSCode 扩展
- 每周有超过 500 名访客访问我们出色的 Discord 社区
- GitHub 上有超过 300 个使用 Astro 的公共项目
- Discord 上已发布了 2 (两!) 个 Astro 职位!
- GitHub 新增对 Astro 组件语法高亮的支持
要了解有关 Astro 的更多信息并开始构建您的第一个网站,请查看《入门指南》。