美味值：🌟🌟🌟🌟🌟

口味：茉莉花茶冰沙

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

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

本期摘要

• Announcing TypeScript 4.7

• Layouts RFC

• Lerna 复活后的大版本 v5.0.0

• TypeScript 错误翻译器

• Kubernetes For Frontend Developers

• Side Project 指南

• 技术选型工具 Openbase

• AnimatiSS 插入式 CSS 动画

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

技术资讯

1. Announcing TypeScript 4.7
   

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

2. Layouts RFC
   

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

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

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

3. Lerna 复活后的大版本 v5.0.0
   

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

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

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

下面我们来看技术资料。

技术资料

1. TypeScript 错误翻译器
   

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

2. Kubernetes For Frontend Developers
   

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

3. Side Project 指南
   

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

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

• 如何快速把 Side Project 做出来？

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

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

4. 技术选型工具 Openbase
   

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

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

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

5. AnimatiSS 插入式 CSS 动画
   

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

好文推荐

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

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

2. 中后台 CSS Modules 最佳实践
   

其他信息

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

• Vue 3 SSR/hydration in SFC playground
  

• Storybook v6.5
  

• Remix Conf 2022
  

• The dev container CLI
  

• Electron 19.0.0
  

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

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

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