ESLint v8.0.0 发布、React 成立 Developer Tooling 团队 | 淘系前端架构周刊 211011 期

1,184

🗞 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 开发体验的关键部分。

https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/aaf4d2471d494ef98d2d17f4876cf0cc~tplv-k3u1fbpfcp-zoom-1.image

Twitter:twitter.com/reactjs/sta…

📦 Open Source

unjs/unbuild

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

https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7406afea609c482596b4db9ae340a511~tplv-k3u1fbpfcp-zoom-1.image

GitHub Repo:unjs/unbuild

egoist/tsup

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

https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5ec744e6132d4155a095dfe21b6dabfc~tplv-k3u1fbpfcp-zoom-1.image

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:refine.dev

GitHub Repo:pankod/refine

Webview UI Toolkit for Visual Studio Code

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

https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ef22992d3b344d849b67c7e145740681~tplv-k3u1fbpfcp-zoom-1.image

Storybook:microsoft.github.io/vscode-webv…

GitHub Repo:github.com/microsoft/v…

📑 Article

500 行 TypeScript 代码实现自动停车

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

原文链接:trekhleb.dev/blog/2021/s…

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

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

原文链接:css-tricks.com/a-complete-…