前端食堂技术周刊第 59 期:GitHub Universe 2022、Rome v10、Parcel v2.8.0、可扩展的 CSS 演变
美味值:🌟🌟🌟🌟🌟
口味:草莓拿铁
周刊仓库 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.如果你觉得食堂酒菜还合胃口,就点个赞支持下吧,你的赞是我最大的动力。
2.关注公众号前端食堂,吃好每一顿饭!
3.点赞、评论、转发 === 催更!
转载自:https://juejin.cn/post/7166108391536869383