前端食堂技术周刊第 68 期:Astro 2.0、Nuxt 3.1.0、Bun 0.5、Turborepo 1.7
这是前端食堂的第 142 篇原创
美味值:🌟🌟🌟🌟🌟
口味:萝卜牛腩煲
食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly[1]
本期摘要
Astro 2.0 Nuxt v3.1.0 Bun v0.5 TS 实现 Stage 3 Decorators 提案 Turborepo 1.7 Flutter 3.7 JavaScript 包罗万象的 2022 加速 JavaScript 生态系统之模块解析 React 新文档中的最佳实践 React 服务器组件深度指南 HTTPS 工作原理漫画
大家好,我是童欧巴。欢迎来到前端食堂技术周刊,我们先来看下上周的技术资讯。
技术资讯
1. Astro 2.0[2]
Astro 2.0 发布,主要特性如下:
Content Collections[3],为 Markdown 和 MDX 自动提供类型安全(基于 Zod[4]) 混合渲染[5],了解更多请移步[6] 优化错误提示 overlay[7] 提升开发服务器 HMR[8] Vite 4.0[9] 新的公开路线图 Roadmap[10]
2. Nuxt v3.1.0[11]
Nuxt v3.1.0 发布,主要特性如下:
文档改进 实验性的岛屿组件和 服务器组件[12](目前不支持异步) 新增 API onNuxtReady[13],useNuxtData[14]、useSeometa 实验性的 config schema[15] 升级到 Nitropack v2[16] 升级到 Vite4 和 Rollup3
3. Bun v0.5[17]
Bun v0.5 发布,主要特性如下:
支持 npm workspace、Bun.dns、node:readline
改善 node:tls
和node:net
的兼容性更快、更稳定:Buffer 实例化的速度提高了 10 倍、 crypto.createHasher()
的速度提高了 50 倍bun install 修复大量 bug
4. TS 实现 Stage 3 Decorators 提案[18]
就在整理这篇周刊的时候,TypeScript 5.0 Beta 发布了[19],一大波特性即将抵达战场。
5. Turborepo 1.7[20]
Turborepo 1.7 专注于改善开发者体验,为任务带来更多清晰性,主要特性如下:
改进对持久化任务的支持, "persistent": true
更清晰的输出,需要明确指定 outputs 支持全局安装 只显示错误的输出模式,让日志更清晰, turbo build --output-logs=errors-only
Turborepo 1.7 发布视频版[21]
6. Flutter 3.7[22]
下面我们来看技术资料。
技术资料
1. JavaScript 包罗万象的 2022[23]
本文对 JavaScript 生态系统中重要的技术进行了回顾和预测,包括 TypeScript、React、Angular、Vue、服务端渲染以及运行时(Node.js、Deno、Bun)等方面。
2. 加速 JavaScript 生态系统之模块解析[24]
module resolution (模块解析)有着大量的性能损耗,本文对此进行探讨并给出以下建议:
尽可能避免调用文件系统 尽可能使用缓存来表面调用文件系统 使用 fs.stat
或者fs.statSync
时,总是设置throwIfNoEntry: false
尽可能限制向上遍历的行为
3. React 新文档中的最佳实践[25]
React 新文档[26] 终于要补全所有内容了吗?(还没有)
本文整理了其中的最佳实践,有 160 条。
4. React 服务器组件深度指南[27]
如果你还不知道 React 服务器组件的工作原理,这篇文章可以帮你入门。
5. HTTPS 工作原理漫画[28]
萌系漫画演绎 HTTPS 工作原理。
周刊赞助
整理周刊要花费大量的精力和时间,你可以通过以下方式支持我:
将食堂分享给你的朋友; 订阅食堂的竹白付费专栏(食堂为你准备了专属的会员通讯,以及前端食堂数字花园知识库的访问权限)。
订阅地址:https://hungryturbo.zhubai.love/
知识星球新春福利
贵宾厅菜单(不断更新):
🗣 优质信息渠道,每日前端最新一手资讯(人工筛选) 🍖 丰富的饮食结构(技术管理、人生系统、产品…) 👌 解答你的任何疑问,认真回答每一个问题
好了,以上就是本期的食堂周刊,观众老爷们如果觉得还不错,一键三连是对食堂老板最大的支持。
你的前端食堂,吃好每一顿饭,我们下期见。
参考资料
食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly: https://github.com/Geekhyt/weekly
[2]Astro 2.0: https://astro.build/blog/astro-2/
[3]Content Collections: https://astro.build/blog/astro-2/#automatic-type-safety-for-markdown--mdx
[4]Zod: https://github.com/colinhacks/zod
[5]混合渲染: https://astro.build/blog/astro-2/#hybrid-rendering-static-meets-dynamic
[6]请移步: https://astro.build/blog/hybrid-rendering/
[7]优化错误提示 overlay: https://astro.build/blog/astro-2/#errors-redesigned
[8]提升开发服务器 HMR: https://astro.build/blog/astro-2/#dev-server-optimizations
[9]Vite 4.0: https://astro.build/blog/astro-2/#vite-40
[10]新的公开路线图 Roadmap: https://astro.build/blog/astro-2/#the-astro-open-roadmap
[11]Nuxt v3.1.0: https://github.com/nuxt/nuxt/releases/v3.1.0
[12]服务器组件: https://nuxt.com/docs/guide/directory-structure/components#server-components
[13]onNuxtReady: https://nuxt.com/docs/api/utils/on-nuxt-ready#onnuxtready
[14]useNuxtData: https://nuxt.com/docs/api/composables/use-nuxt-data#usenuxtdata
[15]config schema: https://github.com/nuxt/nuxt/pull/18410
[16]Nitropack v2: https://github.com/unjs/nitro/releases/tag/v2.0.0
[17]Bun v0.5: https://bun.sh/blog/bun-v0.5.0
[18]TS 实现 Stage 3 Decorators 提案: https://github.com/microsoft/TypeScript/pull/50820
[19]TypeScript 5.0 Beta 发布了: https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-beta/
[20]Turborepo 1.7: https://turbo.build/blog/turbo-1-7-0
[21]Turborepo 1.7 发布视频版: https://www.youtube.com/watch?v=XNf8tq9mUl0
[22]Flutter 3.7: https://flutter.cn/posts/announcing-flutter-3-7
[23]JavaScript 包罗万象的 2022: https://vived.io/javascript-wrapped-2022-frontend-weekly-vol-119/
[24]加速 JavaScript 生态系统之模块解析: https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-2/
[25]React 新文档中的最佳实践: https://sebastiancarlos.com/react-js-best-practices-from-the-new-docs-1c65570e785d
[26]React 新文档: https://beta.reactjs.org/
[27]React 服务器组件深度指南: https://www.plasmic.app/blog/how-react-server-components-work
[28]HTTPS 工作原理漫画: https://howhttps.works/zh/
公众号:前端食堂
知乎:童欧巴
掘金:童欧巴
这是一个终身学习的男人,他在坚持自己热爱的事情,欢迎你加入前端食堂,和这个男人一起开心的“变胖”~
“如果你觉得读了本文有收获的话可以点个在看让我看到。阅读过程中有任何问题、想法或者感触也欢迎你在下方留言,也可以在后台回复加群进入食堂的交流群。
沟通创造价值,分享带来快乐。也欢迎你分享给身边有需要的同学,利他就是最好的利己。
”
你的在看是我更新的动力,祝近安