淘系前端架构周刊：ESLint v8.0.0 发布、React 成立

🗞 News

ESLint v8.0.0 发布

重要新特性：

• ESLint 默认的 parser 和核心规则已完全支持以下 ES2022 语法：

  • 类公共实例字段和私有实例字段

  • 类公共静态字段和私有静态字段

  • 类私有实例方法和访问器

  • 类私有静态方法和访问器

  • 正则表达式匹配指标

  • Top-level await

• &etc.

Release Blog：eslint-v8.0.0-released

React 成立 React Developer Tooling 团队

React 官方推特在 10 月 9 号对外宣布成立了 React Developer Tooling 团队，团队将专注于 React DevTools 和 UI 分析等 React 开发体验的关键部分。

Twitter：https://twitter.com/reactjs/status/1446571618113839112

📦 Open Source

unjs/unbuild

一个统一的 JavaScript 构建系统，支持 Bundle 和 Bundleless 两种模式。

GitHub Repo：unjs/unbuild

egoist/tsup

一个基于 esbuild 的 TypeScript 构建工具。

GitHub Repo：egoist/tsup

pankod/refine

refine 是一个基于 React、附带 Ant Design System 的研发框架，用于快速构建数据密集型应用程序。

核心特性：

• 零配置：基于 superplate 提供一站式配置服务，启动项目只需要不到一分钟的时间

• 开箱即用：内置路由、网络、鉴权、状态管理、i18n 和 UI 框架

• 与后端解耦：可以连接任何自定义后端，支持 REST API、GraphQL、NestJS CRUD、Airtable、Strapi、Strapi GraphQL、Supabase 和 Altogic

• &etc.

Home Page：https://refine.dev

GitHub Repo：pankod/refine

Webview UI Toolkit for Visual Studio Code

微软为 VS Code 中基于 WebView 开发的拓展提供的 UI 工具，完全遵循 VS Code 的设计风格，同时支持编辑器主题。

Storybook：https://microsoft.github.io/vscode-webview-ui-toolkit

GitHub Repo：https://github.com/microsoft/vscode-webview-ui-toolkit

📑 Article

500 行 TypeScript 代码实现自动停车

文章用几张 GIF 向读者展示了实现自动停车的遗传算法的学习过程，同时对其中涉及到详细算法做了清晰的讲解，手把手教你如何实现一个类似的自动停车算法，很有意思（不过需要有一定的数学基础）。

原文链接：https://trekhleb.dev/blog/2021/self-parking-car-evolution

在 Web 上实现 Dark Mode 的完全指南

文章是一篇比较老的文章了，但是非常经典，提供了一份在 Web 上实现 Dark Mode 的完全指南，如果你正在开发一个新项目，有 Dark Mode 适配的需求，或者需要给老项目适配 Dark Mode，这篇文章一定能帮助到你！

原文链接：https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web