发布时间： 2022.12.18
本周内容： 行业资讯x2、文章推荐x3、开源项目x4、工具推荐x1
同步发布： 公众号（依赖注入）、知乎、掘金
行业资讯
由于 Flexbox、Grid 和 CSS 变量等特性的进步， CSS 已经发展成为一个相当强大的语言，但事实证明，这还不是它的最终形态。State of CSS 每年调查一次，会从从业者、特性、框架、工具等多维度提供报告，值得所有前端开发者关注。
SWR 是 Vercel 团队开发的一个 React 数据获取库，它使组件能够获取、缓存和改变数据，并使 UI 与数据随时间的变化保持同步。近期 SWR 正式发布 2.0 版本，主要包含以下特性：
- 支持使用
useSWRMutation 修改数据
- 支持搭配
Optimistic UI 模式使用
- 支持全局修改多个数据源
- 支持在任意位置预加载数据
- 支持在
SWRConfig 中使用函数返回值
- 新增
isLoading 表示请求是否仍在进行中
- 新增
keepPreviousData 支持保留之前获取过的数据
- 新增浏览器插件 SWRDevTools
Optimistic UI（乐观 UI） 是一种模式，简单来说就是当你的应用需要修改数据时，你可以先捏造"假数据"提前显示给用户，给用户造成一种操作非常快的错觉，在数据修改真正完成后再使用真实数据替换假数据。不过这有个前提那就是这类操作应该在绝大多数情况下是不会失败的，不然 UI 的不稳定性会使用户感到疑惑。
文章推荐
该文章从代码结构、工具选择、编码实践、测试集成等多个方面的详细阐述了作者使用 Node 七年以来沉淀的“道”。这是一篇干货满满的文章，尽管篇幅较长，仍然值得耐心花上 20 分钟时间阅读和消化。
该文章从各渠道汇总数据，最终选取了包含 Next.js、Nest、Strapi、Remix、Nuxt、SvelteKit 等在内的数十个最热门的 Node.js 框架，值得一提的是，这里面有相当一部分是元框架。
CSS-in-JS 是一项饱受争议的技术，该文章在 State of CSS 2022 的基础上深入探讨 CSS-in-JS。
开源项目
tldr（42.2k star）
一个简单好用的命令行手册工具，有了 tldr 你不再需要记住每个命令的使用方式，只需要简单执行 tldr [command] 就可以查看详细使用方式。
一个可以互动的算法可视化工具，有了该工具后，学习算法会变得更加容易。
mo.js（17.8k star）
mo.js 是一个简洁、高效的图形动画库，拥有流畅的动画和惊人的用户体验，在任何设备上效果都很好，可以绘制内置或自定义形状，还可以串联多个动画。
该项目汇总了市面上大量关于 JavaScript & Node.js 测试的博客文章、书籍以及工具的最佳实践，总结了 40+ 个实施建议。
工具推荐
Mobbin 是一个汇集众多优秀产品界面截图的平台，包括移动、Web 和桌面。应用设计和开发者可以从 130 个应用和 6000 多种模式中获得灵感。
本周素材由达观数据钟慎恩、赵卫红、沈琬婷、陈小飞、苏玉春等同学提供。
发布时间： 2022.12.18
本周内容： 行业资讯x2、文章推荐x3、开源项目x4、工具推荐x1
同步发布： 公众号（依赖注入）、知乎、掘金
行业资讯
State of CSS 2022 调查报告发布
由于 Flexbox、Grid 和 CSS 变量等特性的进步， CSS 已经发展成为一个相当强大的语言，但事实证明，这还不是它的最终形态。State of CSS 每年调查一次，会从从业者、特性、框架、工具等多维度提供报告，值得所有前端开发者关注。
SWR 发布 2.0 版本
SWR 是 Vercel 团队开发的一个 React 数据获取库，它使组件能够获取、缓存和改变数据，并使 UI 与数据随时间的变化保持同步。近期 SWR 正式发布 2.0 版本，主要包含以下特性：
useSWRMutation修改数据Optimistic UI模式使用SWRConfig中使用函数返回值isLoading表示请求是否仍在进行中keepPreviousData支持保留之前获取过的数据文章推荐
Node 之道 - 设计、架构和最佳实践（英文）
该文章从代码结构、工具选择、编码实践、测试集成等多个方面的详细阐述了作者使用 Node 七年以来沉淀的“道”。这是一篇干货满满的文章，尽管篇幅较长，仍然值得耐心花上 20 分钟时间阅读和消化。
2022 年最热门的 Node.js 框架（英文）
该文章从各渠道汇总数据，最终选取了包含 Next.js、Nest、Strapi、Remix、Nuxt、SvelteKit 等在内的数十个最热门的 Node.js 框架，值得一提的是，这里面有相当一部分是元框架。
2022 年最热门的 CSS-in-JS 库（英文）
CSS-in-JS 是一项饱受争议的技术，该文章在 State of CSS 2022 的基础上深入探讨 CSS-in-JS。
开源项目
tldr（42.2k star）
一个简单好用的命令行手册工具，有了 tldr 你不再需要记住每个命令的使用方式，只需要简单执行
tldr [command]就可以查看详细使用方式。algorithm-visualizer（42.8k star）
一个可以互动的算法可视化工具，有了该工具后，学习算法会变得更加容易。
mo.js（17.8k star）
mo.js 是一个简洁、高效的图形动画库，拥有流畅的动画和惊人的用户体验，在任何设备上效果都很好，可以绘制内置或自定义形状，还可以串联多个动画。
javascript-testing-best-practices（19.7k star）
该项目汇总了市面上大量关于 JavaScript & Node.js 测试的博客文章、书籍以及工具的最佳实践，总结了 40+ 个实施建议。
工具推荐
https://mobbin.com
Mobbin 是一个汇集众多优秀产品界面截图的平台，包括移动、Web 和桌面。应用设计和开发者可以从 130 个应用和 6000 多种模式中获得灵感。
本周素材由达观数据钟慎恩、赵卫红、沈琬婷、陈小飞、苏玉春等同学提供。