📖 2021-12

聚焦前端，记录过去一个月发现的值得推荐的前端技术栈、文章、教程以及应用，每月28日更新，本期第三十六期。2021 年度第十二期。

日期一晃，三年过去了。前端技术栈月刊 已经持续发布了三个年头。庆幸自己坚持了下来。让我收获不少前端知识以及提效工具。希望你也能有所收获。

未来我会延续每年的习惯，发布一份年度总结，比如前年和去年的：

还计划重构此月刊的 Web 站点，积累到一定程度，需要有好用的搜索交互了。因为我自己都可能搞不清楚之前有没有分享过同样的内容。也方便检索一些工具。敬请期待～～

星推

Github Star 推荐

• star-history

  The missing star history graph of GitHub repos

  追踪你感兴趣的项目的 star 走势。也可以比较不同仓库之间的差异哦。比如下图：

  

• Vitest

  A blazing fast unit-test framework powered by Vite ⚡️

  由 Vite 驱动的快速的单元测试框架

  🔗 链接：vitest.dev/

工具

• PAW

  The most advanced API tool for Mac

  全功能HTTP客户端工具，高级API开发测试软件

  🔗 链接：paw.cloud/

• Fleet

  Next-generation IDE by JetBrains

  JetBrains 又出新的 IDE 了，以 20 年的 IDE 开发经验为基础从头构建，Fleet 使用了 IntelliJ 代码处理引擎，具有分布式 IDE 架构和重新设计的 UI。

  🔗 链接：www.jetbrains.com/fleet/

• Tabby

  A terminal for the modern age. Tabby is an infinitely customizable cross-platform terminal app for local shells, serial, SSH and Telnet connections.

  Tabby 是一款可任意定制的跨平台的终端工具，也可以在 Web 端使用哦。

  🔗 链接：tabby.sh/

• Mitosis

  Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.

  编写一次组件，可编译支持主流框架渲染，达到可在任何环境运行的目的。

  🔗 链接：github.com/BuilderIO/m…

• Tailwind CSS Cheat Sheet

  Tailwind CSS Cheat Sheet

  方便查阅 Tailwind 语法的小工具

  🔗 链接：flowbite.com/tools/tailw…

• Short Url

  ShortURL.at is a free tool to shorten a URL or reduce a link Use our URL Shortener to create a shortened link making it easy to remember

  短链接工具

  🔗 链接：www.shorturl.at/

• SnakDown

  😼 A snarky 1kb Markdown parser written in JavaScript

  一个用 JavaScript 编写的仅有 1kb 的 Markdown 解析器

  🔗 链接：github.com/developit/s…

• UAParser.js

  UAParser.js - Detect Browser, Engine, OS, CPU, and Device type/model from User-Agent data. Supports browser & node.js environment.

  一个兼容浏览器和 Node.js 环境的 User-Agent 解析工具

  🔗 链接：github.com/faisalman/u…

• Reach UI

  The Accessible Foundation for React Apps and Design Systems

  React 无障碍设计系统基础设施

  🔗 链接：github.com/reach/reach…

• TDesign

  Enterprise Design System By Tencent

  TDesign 是一套完整的 企业级设计体系，拥有基于 Vue / React / 小程序 等技术栈的组件库解决方案。

  用于构建 设计统一 / 跨端多技术栈 的前端应用时，TDesign 更有优势。

  🔗 链接：github.com/Tencent/tde…

  

• ShowCode

  Generate beautiful images of code.

  一个可以生成好看的代码分享图片小工具

  🔗 链接：showcode.app/

  

资源

• The State Of CSS 2021

  The annual survey about the latest trends in CSS.

  今年的 CSS 现状调查 新鲜出炉了。和往年一样，调查报告中，中国区贡献少的可怜，甚至还没印度的高。可能他们的传播方式主要是国外渠道，比如 Twitter 的原因吧。

  🔗 链接：2021.stateofcss.com/en-US/

  

  也可以阅读公众号版本

• Iconoir

  The Definitive Open Source Icons Library

  一个开源、免费的 SVG 图标集合，目前有 974 枚图标

  🔗 链接：iconoir.com/

• Bytes.dev

  Your weekly dose of JavaScript

  🔗 连接：bytes.dev/

• Front-End Front

  A crowd curated feed of front-end related articles

  🔗 链接：frontendfront.com/

• ES.Next News

  5 ECMAScript.next links every week, in your inbox

  🔗 连接：esnextnews.com/

教程

• 《现代 Vue 工程之「国际化 i18n 开发」》
• 《现代 Vue 工程之「SVG 图标框架」》

应用

• Obsidian

  Obsidian is a powerful knowledge base on top of a local folder of plain text Markdown files.

  macOS 下可基于 Markdown 文件创建本地知识库的 App

• Equinox

  🌇 🌃 Create dynamic wallpapers for macOS.

  macOS 下可以创建动态壁纸的 App

  

往期

下期再见，可以 Watch 本月刊的 GitHub 仓库 github.com/xiaoluobodi…

原文：xiaoluoboding.github.io/monthly/202…