Frontend Development 6 min read

What’s New in Frontend: SWR 1.0 Release, Edge Ad Issue, and Top Open‑Source Tools

This roundup covers the SWR 1.0 release with major size reductions and new features, a reported Microsoft Edge ad problem, several fresh open‑source projects such as play.js and eslint‑nibble, and deep‑dive articles on TypeScript’s infer keyword and the advanced pnpm package manager.

Taobao Frontend Technology
Taobao Frontend Technology
Taobao Frontend Technology
What’s New in Frontend: SWR 1.0 Release, Edge Ad Issue, and Top Open‑Source Tools

News

React data‑fetching library SWR 1.0 released

Key improvements include a 41% reduction in core size and a 52% reduction in package size compared with version 0.5.6, support for pre‑loading data as fallback (benefiting SSR and SSG), an immutable mode to avoid duplicate requests, middleware extensions, and a customizable cache layer for persistence, offline use, and testing.

Microsoft Edge new‑tab page ad issue

Since August 24, 2021, many Edge users reported an unremovable advertisement at the bottom of the new‑tab page. Microsoft’s community team escalated the issue to both the US and China engineering teams, which confirmed receipt and began investigation, promising a resolution within 24 hours.

Open Source

play.js

A native iOS app that lets you run CodeSandbox to develop Node.js and React Native applications on iPad or iPhone.

eslint‑nibble

A CLI tool that quickly previews ESLint errors and generates error reports.

absurd‑sql

A backend for sql.js that compiles SQLite3 to WebAssembly, enabling IndexedDB usage with disk‑like performance.

type‑challenges

A collection of TypeScript type challenges with an online judge, ranging from easy to hard.

jsPDF

A JavaScript library for generating PDFs directly in the browser.

breaking‑changes‑web

A comprehensive list of breaking changes across the Web platform with reference links.

Articles

Deep Dive: TypeScript’s infer keyword

The article explains the mysterious

infer

keyword in TypeScript, covering its background, usage patterns, and practical examples.

pnpm: The most advanced package manager

Explores pnpm’s implementation, the pain points of existing package managers, how pnpm addresses them, and the scenarios where pnpm shines.

frontendTypeScriptReActopen sourcepnpmswrMicrosoft Edge
Taobao Frontend Technology
Written by

Taobao Frontend Technology

The frontend landscape is constantly evolving, with rapid innovations across familiar languages. Like us, your understanding of the frontend is continually refreshed. Join us on Taobao, a vibrant, all‑encompassing platform, to uncover limitless potential.

0 followers
Reader feedback

How this landed with the community

login Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.