FE Bits Vol.26 | Gatsby Supports React 19, Rspress 2.0 Released

This article has been machine-translated from Chinese. The translation may contain inaccuracies or awkward phrasing. If in doubt, please refer to the original Chinese version.

About this newsletter

This issue's URL: https://blog.cosine.ren/post/weekly-26

This newsletter aims to update every Sunday.

Subscribe to the RSS feed.

WeChat Official Account: FE Bits (前端周周谈 FE Bits). Click the original link to view the full article.

QQ discussion group 598022684 / Discord server

The newsletter content is also open-sourced at fe-bits-weekly. Follow for updates.

Today is February 8, 2026, Sunday.

Although this is a bit late — it's already past midnight.

The Chinese New Year holiday is almost here! Happily going on a two-week hiatus!

This week I was happily busy with my own projects. I added legacy Shoka syntax compatibility and a music playlist section to my blog, all toggleable.

This week I finally added the long-awaited blog music playlist and player, yes I'm deliberately writing in this syntax so you can see it, and added compatibility support for the old Hexo Shoka theme's Markdown extension syntax.

You can see all the new syntax demos here: Shoka Theme Markdown Syntax Demo

Then added a music player and playlist page — both toggleable.

It's really becoming what I want, bit by bit.

So... now I must enthusiastically recommend Shanshan's playlist!

As long as you like Shanshan and Chinese Vocaloid, we're friends! Even if you don't, we still can be

Shanshan hehe Shanshan...

This week I also added complete Prompt Template management to Moe Copy AI v0.3.5, supporting preset and custom templates. Dark mode was added earlier! (Yes, these are all features I use myself.)

Community Updates

• GitHub is discussing how open-source project maintainers can handle the increasing number of low-quality, AI-generated pull requests (PRs). Options may include allowing users to completely disable PRs, or at least restricting PRs to collaborators only. Join the discussion here: Exploring Solutions to Tackle Low-Quality Contributions on GitHub

• Gatsby v5.16 supports React 19, Rspress 2.0 major upgrade

• New to the web platform in January: A roundup of major web platform developments in January 2026, including the stable releases of Chrome 144 and Firefox 147. CSS Anchor Positioning and the Navigation API both officially reached Baseline Newly Available status with Firefox's support. Additionally, Chrome 144 introduced the long-awaited Temporal API, the declarative <geolocation> element, and the ::search-text pseudo-element for custom in-page search styling.

• Internet Archive Releases Plugin to Fix 40% of Internet Dead Links: Internet Archive released a WordPress plugin called Link Fixer to address the growing "Link Rot" problem. The plugin automatically detects broken URLs (like 404 errors) and guides users to historical web snapshots stored in the Wayback Machine, reportedly fixing about 40% of dead links.

ViteLand Latest News: January 2026 Recap

Brand & Design Unification

• Unified the visual identity across all VoidZero projects (Vite, Vitest, Rolldown, Oxc), releasing a completely new website and logo.

• Updated Vite's Starter Templates with the new brand identity built in.

• Emphasized deep toolchain integration: Vite 8 uses Rolldown and Oxc directly under the hood for a consistent developer experience.

Core Project Progress

• Vite: Over 3 billion cumulative downloads since its 2020 launch; React Server Components (RSC) plugin optimized to support frameworks like TanStack Start.

• Vitest: Launched version 4.1 beta, introducing Test Tags functionality and supporting running without Vite by disabling the viteModuleRunner option.

• Rolldown: Officially reached the Release Candidate (RC) milestone with stable APIs; introduced "Lazy Barrel Optimization" that reduces module compilation by 92% in scenarios like AntDesign, achieving 2x speedup.

• Oxc: Oxlint supports oxlint.config.ts dynamic configuration; Oxfmt achieved 100% conformance with Prettier and added Tailwind CSS class name sorting.

Community & Ecosystem

• Rankings: Vite, Oxc, Rolldown, and tsdown all placed highly in the 2025 JavaScript Rising Stars list.

• Ecosystem migrations: Notable projects including Hugging Face, Turborepo, and Lichess announced migrations from ESLint/Prettier to Oxlint/Oxfmt.

• Community tools: New tools built on Oxc and Rolldown emerged, such as jsshaker for code size optimization and oxlint-tui for terminal UI.

Articles

• A Percise Parser: Presents a case study of a JavaScript parser that broke internationalization by hard-coding locale number formatting and using clumsy string operations.

• Solving Shrinkwrap: New Experimental Technique
  Great article — uses CSS Anchor Positioning and Scroll-Driven Animations to solve the classic "container width won't auto-shrink after text wrapping (Shrinkwrap)" problem in web typography.

• Performance-Optimized Video Embeds with Zero JavaScript: Introduces a method using native HTML <details> and <summary> tags to optimize video embedding performance. This approach enables on-demand video loading without any JavaScript.

• CSS @scope: An Alternative To Naming Conventions And Heavy Abstractions: Shows how to use CSS's native @scope rule to replace complex BEM naming conventions or heavy CSS frameworks for cleaner, more maintainable style isolation.

• CSS Bar Charts Using Modern Functions | CSS-Tricks: Introduces how to build pure CSS bar charts more concisely and efficiently using modern CSS functions sibling-index() and the enhanced attr() function.

New Features

• Nice Select · February 3, 2026: Demonstrates how to leverage the latest CSS features (like appearance: base-select) to create highly customizable and visually stunning <select> dropdown components while maintaining native accessibility.

• Drawing Connections with CSS Anchor Positioning - Roland Franke: Anchor positioning is really fun, isn't it? Implementing visual connections between UI elements (like comments and their replies) without JavaScript.

See the Pen gbMxLdL by ROL4ND909 (@ROL4ND909) on CodePen.

Tools

• jamiepine/voicebox: An open-source, local-first voice cloning and synthesis tool powered by Qwen3-TTS.

CodePen & Fun Sites

Cards with Concave Rounded Corners on Irregular Grid

See the Pen WbxpKPQ by thebabydino (@thebabydino) on CodePen.

"The gaps between cards and buttons achieve true transparency. No sharp corners — everything is rounded. No images other than the .jpg card backgrounds. Card shapes adapt to button sizes and shapes — try changing just the font-size on button elements to see. No JavaScript needed — it's all thanks to the magic of CSS subgrid!" by Ana Tudor

Folder Stack with Custom Select

See the Pen dPXdgae by captainbrosset (@captainbrosset) on CodePen.

Now that select elements are customizable, Patrick Brosset shows us folder stacks that pop up on click, bringing us lots of fun.

Binary Clock

See the Pen zxBpPYW by prisoner849 (@prisoner849) on CodePen.

prisoner849 showcases a beautiful clock in this Three.js piece. Even if you don't understand binary time, you can appreciate its beauty — pick up the clock and rotate it to admire its plastic material sheen from every angle.

Refs

• JavaScript Weekly #771

• Codepen Spark #495