前端食堂技术周刊第 56 期：Solid v1.6.0、State of GraphQL、ViteConf回放、Lerna v6

这是前端食堂的第 132 篇原创

美味值：🌟🌟🌟🌟🌟

口味：青柑大红袍

• 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly[1]

本期摘要

• Solid v1.6.0
• 首届 2022 State of GraphQL
• ViteConf 回放
• Lerna v6
• SEO 入门指南
• 创建自己的 JavaScript 运行时
• 为什么和 CSS-in-JS 说拜拜
• Chromium 渲染流水线——字节码到像素的一生

如果你想赞助食堂，可以订阅本周刊的竹白专栏付费版，食堂给你准备了专属的会员通讯，以及前端食堂数字花园知识库的访问权限。

订阅地址：https://hungryturbo.zhubai.love/

大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。

技术资讯

1.Solid v1.6.0[2]

Solid 发布 v1.6.0，代号 “Castle in the Sky” 天空之城。这个代号让我想起了初中暑假学吉他时弹过的曲子。

Solid 团队在过去的几个月里一直专注于他们的元框架 SolidStart[3] 的研发，在 islands、 partial hydration、hybrid routing 等方面进行了大量探索，并将这些功能与 Solid 的核心部分进一步整合，以更好的打造出他们心目中的“天空之城”。

2.首届 2022 State of GraphQL[4]

调查结果总结[5]。

3.ViteConf 回放[6]

ViteConf 官方回放终于来了，这届 ViteConf 光看嘉宾阵容就足以称之为 2022 年度前端联欢晚会，共计 12h 的回放，慢慢看吧。

同时，ViteConf 的官网[7] 也开源了。

4.Lerna v6[8]

Lerna 被 Nrwl(Nx 背后的公司) 接管后，推出了全新的官网[9]，并 提速了 10 倍[10]，最近发布的 v6 版本又带来了一系列新特性，越来越像一个正经的 Monorepo 工具了：

• 默认缓存
• 远程缓存、分布式任务执行
• 任务编排
• pnpm 支持
• 动态终端输出
• VS Code 插件
• lerna repair 自动修复
• lerna version 更新文件自动 Prettier 格式化

下面我们来看技术资料。

技术资料

1.SEO 入门指南[11]

一份很全面的 SEO 入门指南，共计 7 个章节，同时还提供了大量的扩展资料。

2.创建自己的 JavaScript 运行时[12]

使用 V8、Libuv 等创建你自己的 JavaScript 运行时，配套视频[13]。

3.为什么和 CSS-in-JS 说拜拜[14]

本文的作者 Sam 是 Emotion 的第 2 大贡献者，深入探讨了关于 CSS-in-JS 最初吸引他们团队的原因，以及为什么决定放弃它。

4.Chromium 渲染流水线——字节码到像素的一生[15]

长文预警，对应关键事件的源码都给你找好了，非常详细。

其他信息

• Gatsby 5 Umbrella Discussion[16]
• Bun v0.2.1[17]
• Node v19.0.0[18]
• Migrating to Rollup 3[19]

好文推荐

下面来看一下好文推荐，本周推荐的好文是：

1.2022 年新出了哪些 form 表单新特性？[20]

2.用 2022-03 decorators API 进行 JavaScript 元编程[21]

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

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

周刊一锅端

如果大家还没看过瘾，给大家推荐一下食堂技术周刊的合作伙伴，赶快把他们也抱入碗中吧～

• 前端早早聊的 18 个成长宝藏库[22]：前端早早鸟，前端早早跑
• MDH 前端周刊[23]：大厂一线 P8，Umi、Dva 等库作者
• DEX 周刊[24]：关于产品、设计、前端、软件等内容的精华资讯邮件列表

参考资料

[1]

食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly: https://github.com/Geekhyt/weekly

[2]

Solid v1.6.0: https://github.com/solidjs/solid/releases/tag/v1.6.0

[3]

SolidStart: https://start.solidjs.com/getting-started/what-is-solidstart

[4]

首届 2022 State of GraphQL: https://2022.stateofgraphql.com/en-US/

[5]

调查结果总结: https://2022.stateofgraphql.com/en-US/conclusion/

[6]

ViteConf 回放: https://viteconf.org/2022/replay/ecosystem

[7]

ViteConf 的官网: https://github.com/stackblitz/viteconf

[8]

Lerna v6: https://blog.nrwl.io/lerna-reborn-whats-new-in-v6-10aec6e9091c

[9]

官网: https://lerna.js.org/

[10]

提速了 10 倍: https://dev.to/nx/lerna-used-to-walk-now-it-can-fly-3661

[11]

SEO 入门指南: https://ahrefs.com/zh/seo

[12]

创建自己的 JavaScript 运行时: https://github.com/ErickWendel/myownnode

[13]

配套视频: https://www.youtube.com/watch?v=ynNDmp7hBdo

[14]

为什么和 CSS-in-JS 说拜拜: https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b

[15]

Chromium 渲染流水线——字节码到像素的一生: https://zhuanlan.zhihu.com/p/574069391

[16]

Gatsby 5 Umbrella Discussion: https://github.com/gatsbyjs/gatsby/discussions/36609

[17]

Bun v0.2.1: https://github.com/oven-sh/bun/releases/tag/bun-v0.2.1

[18]

Node v19.0.0: https://nodejs.org/en/blog/release/v19.0.0/

[19]

Migrating to Rollup 3: https://rollupjs.org/guide/en/#migration

[20]

2022 年新出了哪些 form 表单新特性？: https://www.zhangxinxu.com/wordpress/2022/10/2022-new-form-property/

[21]

用 2022-03 decorators API 进行 JavaScript 元编程: https://2ality.com/2022/10/javascript-decorators.html

[22]

前端早早聊的 18 个成长宝藏库: https://mp.weixin.qq.com/s/3yLbUwqzSy2gFHXkO0PICg

[23]

MDH 前端周刊: https://mp.weixin.qq.com/s/NGux3r0P1JJH_z4-vfeksQ

[24]

DEX 周刊: https://newsletter.dex.group/

公众号：前端食堂

知乎：童欧巴

掘金：童欧巴

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