上周有啥好玩的 4/10

#Article

• 理解了状态管理，就理解了前端开发的核心

  状态管理是前端整天遇到的概念，但是大家是否思考过什么是状态，管理的又是什么呢？

• 这些组件设计细节，真的不能忽视: 5 种属性 + 3 种类型

  本文将组件的类型分为三类：导航类 (用于导航信息的组件)、输入类 (用户输入信息时使用的组件)、信息类 (用于向用户传递信息的组件)，并定义了五种组件属性。

• 2022 年 JavaScript 开发工具的生态

  前端娱乐圈的生态瞬息万变，各种轮子层出不穷，本文将自底向上地从「编译器」、「打包器」、「包管理器」、「第三方库开发」、「Web 应用开发」这几个方面来盘点 2022 年 JavaScript 开发工具的生态。

• 8 Javascript quiz that may confuse you

  大家的 JS 基础够牢固了吗？先来看看这 8 道题目。

• CTA Modal: How To Build A Web Component

  日常前端业务开发中，dialog 组件是经常接触到的，本文将深入浅出地教你如何写一个 Modal 的 Web Component。

#Found

• Celebrating Firefox: How we got to 100

  Firefox 浏览器版本号也到 100 了（Firefox 在调试前端页面方面真的很舒服）

• Stacks

  前不久 Pinterest 开源他们的设计系统，本周 Stackoverflow 也发布了他们的设计系统，采用类似 Tailwind CSS 的模式。

• Mechanical Watch

  可视化图解机械表工作原理，感兴趣的可以详细阅读一下（只是看看里面的动画就觉得好酷好舒服啊！）

#Tool

• Fig

  一个在终端得 IDE 样式自动补全工具，看着挺爽的，但还没支持 Windows 和 Linux ，用 Mac 的小伙伴可以尝鲜一下~