前端技术栈月刊 📖 2021-12

1297

📖 2021-12

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

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

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

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

星推

Github Star 推荐

  • star-history

    The missing star history graph of GitHub repos

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

    202112_star-history

  • 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…

    202112_tdesign

  • ShowCode

    Generate beautiful images of code.

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

    🔗 链接:showcode.app/

    202112_showcode

资源

  • The State Of CSS 2021

    The annual survey about the latest trends in CSS.

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

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

    202112_state-of-css-2021

    也可以阅读公众号版本

  • 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

    202112_equinox

往期

时间序号
2019汇总
2020汇总
2021-01第二十五期
2021-02第二十六期
2021-03第二十七期
2021-04第二十八期
2021-05第二十九期
2021-06第三十期
2021-07第三十一期
2021-08第三十二期
2021-09第三十三期
2021-10第三十四期
2021-11第三十五期

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

wizard_fist_bump

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