查看原文
其他

前端食堂技术周刊第 68 期:Astro 2.0、Nuxt 3.1.0、Bun 0.5、Turborepo 1.7

霍语佳 前端食堂 2023-01-28

这是前端食堂的第 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:tlsnode: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/

知识星球新春福利

贵宾厅菜单(不断更新):

🗣 优质信息渠道,每日前端最新一手资讯(人工筛选) 🍖 丰富的饮食结构(技术管理、人生系统、产品…) 👌 解答你的任何疑问,认真回答每一个问题

好了,以上就是本期的食堂周刊,观众老爷们如果觉得还不错,一键三连是对食堂老板最大的支持。

你的前端食堂,吃好每一顿饭,我们下期见。

参考资料

[1]

食堂技术周刊仓库地址: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/

公众号:前端食堂

知乎:童欧巴

掘金:童欧巴

这是一个终身学习的男人,他在坚持自己热爱的事情,欢迎你加入前端食堂,和这个男人一起开心的“变胖”~

如果你觉得读了本文有收获的话可以点个在看让我看到。阅读过程中有任何问题、想法或者感触也欢迎你在下方留言,也可以在后台回复加群进入食堂的交流群。

沟通创造价值,分享带来快乐。也欢迎你分享给身边有需要的同学,利他就是最好的利己

你的在看是我更新的动力,祝近安

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存