淘系前端架构 - 周刊 - 210830 期

1,530 阅读3分钟

🗞 News

React 数据请求库 SWR 发布 1.0.0 版本

新特性:

  • 1.0.0 版本相较上一版本 0.5.6 核心体积减小 41%,安装包体积减小 52%
  • 支持预加载数据作为 fallback:对于服务端渲染(SSR)、静态站点生成(SSG)等场景有更好的支持
  • 支持 immutable 模式:可定义数据为 immutable,不重复请求
  • 中间件(middleware)支持:多场景拓展(示例
  • 自定义缓存提供层:持久化、离线、测试等场景(文档

中文 Release 概要:React 数据请求库 SWR 发布 1.0 版本

Release 详情:Announcing SWR 1.0 – SWR

Microsoft Edge 浏览器新标签页底部出现无法关闭的广告

2021 年 8 月 24 日中午 12 时 23 分起,大量 Microsoft Edge 产品客户报告称 “Microsoft Edge 浏览器新标签页底部出现无法关闭的广告” (如下图)。Microsoft(简体)中文社区对此高度重视,社区领袖高楷修(Ling Gao) 先生于 24 日中午 12 时 58 分向 Microsoft Edge(美国)工程团队提交反馈,并于 24 日下午 02 时 04 分向 Microsoft Edge(中国)工程团队进一步呈报问题线索。

Microsoft Edge(中国)工程团队于 24 日下午 02 时 10 分确认接收问题线索,并于 24 日下午 02 时 42 分给出明确答复。截止至本说明发布时,Microsoft 正在针对相关问题开展调查和处理工作,Microsoft Edge 浏览器预计将于 24 小时内恢复正常。请各位社区成员严格遵守Microsoft 社区行为准则Microsoft Edge 社区准则(Guidelines),以友善、尊重的方式参与讨论。

📦 Open Source

play.js

一款能够在 iOS 设备(iPad/iPhone)上使用 CodeSandbox 编写 Node.js 和 React Native 应用的 APP。

CodeSandbox 博客:Announcing CodeSandbox has Acquired Play.js, a Native JavaScript IDE for iOS - CodeSandbox Blog

App Store 下载链接:‎play.js - JavaScript IDE on the App Store

eslint-nibble

一个能够快速预览 ESLint 错误并生成错误报告的 CLI 工具。

GitHub Repo:IanVS/eslint-nibble: Ease into ESLint, by fixing one rule at a time

absurd-sql

一个为 sql.js 实现了后端的库,针对 Web 编译了 sqlite3,使得你可以像使用磁盘存储一样使用 IndexedDB,性能优异。

GitHub Repo:jlongster/absurd-sql: sqlite3 in ur indexeddb (hopefully a better backend soon)

type-challenges

一个附带在线判题器的 TypeScript 类型挑战合集,提供了非常多题目,由易到难,边练边学。

Home Page:Type Challenges

GitHub Repo:type-challenges/type-challenges: Collection of TypeScript type challenges with online judge

jsPDF

一个能够在浏览器中生成 PDF 的 JavaScript 库。

GitHub Repo:MrRio/jsPDF: Client-side JavaScript PDF generation for everyone

breaking-changes-web

一个详细的清单,列出了 Web 平台所有的 Breaking Change,并附带了相应的查阅链接。

styfle/breaking-changes-web: 💢 A list of breaking changes to the web platform

📑 Article

精读《TypeScript infer 关键字》

文章详细介绍了 TypeScript 中神秘的 infer 关键字,从需求背景到使用方法,简单清晰,非常值得学习!

原文链接:精读《Typescript infer 关键字》

pnpm:最先进的包管理工具

文章从 pnpm 的实现原理切入,详细讲解了目前的包管理工具存在的一些痛点,同时介绍了 pnpm 是如何解决这些问题的,最后也对 pnpm 的适用场景做了介绍和分析,非常值得学习!

原文链接:pnpm:最先进的包管理工具