美味值：?????

口味：茉莉花茶冰沙    

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

PC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。本期周刊视频版已在 B 站【前端食堂】同步发送，如果有喜欢看视频的堂友可以移步 B 站 进行观看。

下周端午节假期，周刊休息一期

本期摘要

Announcing TypeScript 4.7

Layouts RFC

Lerna 复活后的大版本 v5.0.0

TypeScript 错误翻译器

Kubernetes For Frontend Developers

Side Project 指南

技术选型工具 Openbase

AnimatiSS 插入式 CSS 动画

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

技术资讯

Announcing TypeScript 4.7

TypeScript 4.7 正式发布，一个 ESM 的重要里程碑。发布的具体特性在之前的周刊里有介绍过，还没看的同学可以点击链接了解详情。

Layouts RFC

这个 RFC 概述了 Next.js 自 2016 年推出以来的重大更新。发布后引来了 Remix 团队的争议，认为其有部分功能抄袭。

更多吃瓜内容请前往如下链接阅读。

Remix作者怒指Next.js抄袭，Next.js回应：这功能我早就有了

Lerna 复活后的大版本 v5.0.0

大难不死，必有后福。Lerna 发布了 v5.0.0，主要更新如下：

不再支持 Node v10.x 和 v12.x；

使用 @npmcli/run-script 替代 npm-lifecycle。

下面我们来看技术资料。

技术资料

TypeScript 错误翻译器

一个 VS Code 插件，可以将 TypeScript 的错误信息翻译成人类友好的语言。这是个大工程，还在进行中。因为 TypeScript 有 1000-2000 条错误信息需要翻译。

Kubernetes For Frontend Developers

给前端工程师介绍 Kubernetes 的一篇博文，介绍了 Kubernetes 相关的核心概念。

Side Project 指南

许多伟大的产品诞生于程序员的 Side Project，比如 GitHub、Unsplash、Instagram、Twitter 等。这份小册从提升 Side Project 存活概率出发，对以下问题进行了思考：

如何判断一个点子的好坏？

如何快速把 Side Project 做出来？

如何让更多人知道这个 Side Project？

如何把 Side Project 变成能为自己带来收入的产品？

技术选型工具 Openbase

Openbase 堪称技术选型神器，它的使命是帮助开发人员在数百万个开源包中进行选择，并找到合适的包进行使用。

他们维护了每个包多个维度的详细信息，如：文档、依赖项、下载趋势、Github Star 趋势等，还有用户的售后评价。搜索包时提供了多种过滤和排序功能。

妈妈再也不用担心我做技术选型啦～

AnimatiSS 插入式 CSS 动画

内置多种精美的 CSS 动画，共 9 种风格。支持在线调试，代码一键拷贝。

好文推荐

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

性能优化——图片压缩、加载和格式选择

中后台 CSS Modules 最佳实践

其他信息

以下信息请点击链接了解详情。

Vue 3 SSR/hydration in SFC playground

Storybook v6.5

Remix Conf 2022

The dev container CLI

Electron 19.0.0

程序员郭宇，28岁退休之后

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

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

❤️爱心三连击

1.如果你觉得食堂酒菜还合胃口，就点个赞支持下吧，你的赞是我最大的动力。

2.关注公众号前端食堂，吃好每一顿饭！

3.点赞、评论、转发 === 催更！

原文：https://juejin.cn/post/7103175185104109582