📖 2021-06

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

星推

Github Star 推荐

• Naive UI

  尤大都说好的，最近比较火的基于 Vue 3 搭建的 UI 组件库，截止目前 4.2K Star，由图森未来出品

  

工具

• Free Image Resize

  Free Image Resizer By PROMO

  PROMO 提供的一个调整图片大小的工具

• Chrome Apps Canvas

  谷歌提供的一个画布 App，可以随便在上面写写画画，抒发你的灵感。

  

• Mobile Color Palette

  🎨 Generate color palettes with a click of the mouse

  🎨 只需选择一个主色调，即可生成适合移动端 App 使用的 UI 调色盘

• Consola

  一只考拉🐨，Node 端和浏览器端都可以用简洁的 Console Logger 工具

  

• Utopia

  Design ❤️ Code

  一个基于 React 的低代码设计组件平台，拖拖拽拽即可生成组件代码。

• tally

  一个可以快速创建表单的工具

  如何你是 Notion 的用户，那么这个工具的界面以及交互风格一定不会陌生

• githubbox

  🏖 Open any GitHub repo in CodeSandbox by changing the hostname

  🏖 将 github 上的仓库地址 github.com 替换为 githubbox.com 即可帮你在 Codesandbox 中打开项目

• vue-sfc-sandbox

  我开发的一个基于 Vue 3 的在线编译 SFC 的 Sandbox 组件

  

资源

• Learn JavaScript Online

  The easiest way to learn & practice modern JavaScript

  适合初学者的在线学习现代 JS 的工具，提供了可交互的编辑器以及运行环境，有点类似 LeetCode 的 Playground

  

教程

• Managing Shared State In Vue 3

  在构建大型单页应用时，状态管理是一个挑战，此文章介绍在 Vue 3 项目中如何结合 Vuex 编写可共享的状态管理策略

• Trigonometry in CSS and JavaScript: Introduction to Trigonometry

  此文章介绍在前端技术 CSS 和 JavaScript 中有用的三角函数知识

阅读

• Introducing WebContainers: Run Node.js natively in your browser

  StackBlitz 让 Node.js 运行在浏览器中变为可能

应用

• Gitmind

  Gitmind 是一款基于云端的 免费 线上脑图软件，支持线上绘制脑图、流程图、组织架构图、类型图、案例图、ER图、网络拓扑图以及UML图等十多种图形。集思广益，释放创造力。

往期

时间	序号
2019	汇总
2020	汇总
2021-01	第二十五期
2021-02	第二十六期
2021-03	第二十七期
2021-04	第二十八期
2021-04	第二十九期

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

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