栗子前端技术周刊第 50 期 - VoidZero、ViteConf 2024、ESLint 支持 JSON 和 MD...

🌰栗子前端技术周刊第 50 期 (2024.9.30 - 2024.10.6)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。

📰 技术资讯

VoidZero：尤雨溪创建了 VoidZero 公司，该公司致力于为 JavaScript 生态系统构建一个开源、高性能和统一的开发工具链。VoidZero 已经筹集了 460 万美元的种子基金，由 Accel 领投。
ViteConf 2024：ViteConf 2024 已结束，会议内容包括：Vite 和 JavaScript 工具的未来、Oxc 和 Rolldown、Environment API 等等

ESLint 支持 JSON 和 Markdown：ESLint 现在正式支持对 JSON 和 Markdown 进行语法分析 - ESLint 一直在努力成为一个更具通用性的语法分析工具，这一里程碑式的努力已初见成效。

📒 技术文章

Better Vue Components with TypeScript [12 examples]：使用 TypeScript 创建更好的 Vue 组件 [12 个例子］- 作者介绍 Vue 与 TypeScript 结合使用可带来的诸多好处。
Types of React Components: An Overview： React 组件类型：概述 - 包含基本代码示例在内的完整概述，介绍了不同类型的 React 组件，包括使用 createClass 构建的组件、类组件、HOC、函数组件等。
一篇打通浏览器储存：作者介绍了 5 种本地缓存方式，以及它们的区别和使用场景。

🔧 开发工具

TSConfig 小抄：TypeScript 的 tsconfig.json 文件配置指南。

{
  "compilerOptions": {
    "esModuleInterop": true,
    "skipLibCheck": true,
    "target": "es2022",
    "allowJs": true,
    "resolveJsonModule": true,
    "moduleDetection": "force",
    "isolatedModules": true,
    "verbatimModuleSyntax": true，
    ...
  }
}

mitata：mitata 是一个功能强大的 JavaScript 基准测试库，具有可视化、自动垃圾回收等特性。

superdiff：Superdiff 对两个数组或对象进行比较，并以可读格式返回它们之间的全部差异。

type ObjectDiff = {
  type: "object";
  status: "added" | "deleted" | "equal" | "updated";
  diff: {
    property: string;
    previousValue: unknown;
    currentValue: unknow;
    status: "added" | "deleted" | "equal" | "updated";
    // only appears if some subproperties have been added/deleted/updated
    diff?: {
      property: string;
      previousValue: unknown;
      currentValue: unknown;
      status: "added" | "deleted" | "equal" | "updated";
      // recursive diff in case of subproperties
      diff?: SubDiff[];
    }[];
  }[];
};

🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。

💖 欢迎关注微信公众号：栗子前端