前端食堂技术周刊第 59 期：GitHub Universe 2022、Rome v10、Parcel v2.8.0、可扩展的 CSS 演变、Solid Start Beta

美味值：🌟🌟🌟🌟🌟

口味：草莓拿铁

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

周刊仓库 923 个 Star 了，有时间的兄弟们帮忙冲一波 1000 Star。

本期摘要

• GitHub Universe 2022
• Rome v10
• Parcel v2.8.0
• 50 个有用的 Vim 命令
• TanStack Router
• 如何使用 CSS 创建高级动画
• 可扩展的 CSS 演变
• Solid Start Beta

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

技术资讯

1.GitHub Universe 2022

看看我们 “程序员的朋友圈” GitHub 今年有哪些大动作：

(省流版)

• GitHub Copilot 企业版、支持语音交互；
• GitHub Codespaces：个人开发者每月免费 60 小时；
• 全新的代码搜索和代码视图体验；
• GitHub Projects 提供给你更多可视化视图的 Roadmap 以及 由 Markdown 生成的任务列表对 Issues 进行管理、GitHub Mobile 新增功能(跑 GitHub Action、编辑文件、PR 等)；
• GitHub 企业版：GitHub Enterprise Cloud 即时体验新功能、GitHub Actions Importer 帮助你迁移 CI/CD、更细粒度的访问令牌、彻底改变物联网 (IoT) 软件开发（Arm 开发工具在 GitHub Actions 中原生可用）、GitHub Enterprise Server 3.7 新增 70 个新特性；
• 安全提升：接收来自社区的私有漏洞报告、CodeQL 支持 Ruby、安全概览对企业用户提供更大范围的视图支持；
• 投资社区：开源两款可变字体 Mona Sans 和 Hubot Sans、Octoverse 10 周年报告、GitHub Accelerator 将为 20 名维护人员和团队提供津贴和指导，以开展全职开源职业、与 M12 合作设立 1000 万美元的开源基金、GitHub Sponsors 支持批量赞助。

2.Rome v10

此次发布包括 linter 校验器和 formatter 格式化器，它们具有最小化的配置，漂亮的描述性诊断，并内置对 JavaScript 和 TypeScript 的支持。

• formatter 受 Prettier 启发，允许大多数用户以最小甚至零的改动来进行迁移；
• linter 建立在一个遵循社区标准的推荐规则集上。

接下来的一年里 Rome 团队会进行 compilation 编译、 bundling 打包、 testing 测试等工作。

Rome 用 Rust 重写后的第一个稳定版本终于等来了，让我们再等等。毕竟我们都知道，罗马不是一天建成的。

3.Parcel v2.8.0

听说最近流行比谁家的 HMR 更快？不好意思，Parcel 赢麻了。

Parcel v2.8.0 的热更新比 Turbopack 快 68%(根组件)，比 Vite 快 74%(叶组件)。同时此版本带来了全新的打包算法、改进了自动代码拆分、提升了大型项目的构建性能，以及优化 Tree Shaking 使包体积减少 50%。

下面我们来看技术资料。

技术资料

1.50 个有用的 Vim 命令

帮你早点下班回家陪老婆的 50 个 Vim 命令。

3.TanStack Router

嘿，我是框架无关的路由器 TanStack Router，之前叫 React Location，现在改个名字从 v0.0.1 重新开始，我还有一些兄弟姐妹。

4.如何使用 CSS 创建高级动画

来吧，搞清楚三次贝塞尔曲线、二次贝塞尔曲线和堆叠动画，一起玩次过山车。

5.可扩展的 CSS 演变

为什么传统 CSS 在大型项目中难以管理？

难点有四：全局命名空间，代码互相影响 (新出的 CSS Cascade Layers 申请出战解决）、命名难、重构难、调试难。

历史破解之法：OOCSS、SMACSS、BEM、ITCSS、Cube CSS。

今日破解之法：CSS in JS、CSS Modules、原子化 CSS。

6.Solid Start Beta

Solid Start 进入 Beta 阶段，官方公告让我想到了 GALI 的 《70%》，喜欢听黑怕的你一定听过。(开个玩笑)

• 构建基于 Vite；
• 平台无关的 Sessions 借鉴 Remix；
• 嵌套文件路由借鉴 NuxtJS；
• <FileSystem /> 组件借鉴 Hydrogen；
• API 路由借鉴 SvelteKit；
• RouteData 和 RouteActions 借鉴 Remix 和 TanStack Query；
• 新的实验性功能：Partial Hydration 部分水合、hybrid nested routing 混合嵌套路由。

好文推荐

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

1. 重新理解 Web

2. 用 React Three Fiber 和着色器创造粒子的神奇世界

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

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