React Chinese Weekly #250 - Triplex: Open-Source Visual Workspace for React & React Three Fiber Components

React Chinese Weekly #250 - Triplex: Open-Source Visual Workspace for React & React Three Fiber Components

๐Ÿ“ฐ React & JavaScript Ecosystem Weekly Highlights

image

Key Updates This Issue:

  • Triplex becomes open source, adds a VS Code plugin, and supports React DOM elements.
  • React Compiler v1.0 officially launched.
  • React Native v0.82 fully built on the New Architecture.
  • Next.js v16 Beta adopts Turbopack and supports React 19.2 + React Compiler.

---

๐Ÿ”ฅ This Weekโ€™s Hot Topics

Triplex: Open-Source Visual Workspace

Triplex, originally a commercial 3D layout visualization tool for React & React Three Fiber, is now part of the Poimandres Collective (creators of Three Fiber, Jotai, Zustand).

Recent upgrades include:

  • VS Code plugin
  • Compatibility with standard React DOM components

๐Ÿ“– Read More

image

Mike Douges and the Pmndrs Team

---

React Compiler v1.0

React Compiler is now stable:

  • Automatically analyzes and optimizes code
  • Adds auto-memoization
  • Manual control still available with `useMemo` and `useCallback`

๐Ÿ“– Read More

image

---

Bun v1.3: Full-Stack JS Runtime

Major enhancements:

  • Built-in dev server + hot reload (React Fast Refresh support)
  • Isolated package management by default
  • Quick scaffolding for React projects

๐Ÿ“– Read More

image

---

React Native v0.82: New Architecture

First release fully based on the New Architecture.

Includes experimental opt-in for Hermes V1 โ€” a faster JS engine.

๐Ÿ“– Read More

image

---

  • 5 Steps to Master React Folder Structure ยท 2025 Edition โ€” Robin Wieruch
  • ๐Ÿ“– Read More
  • Integrating Expo into Mature Apps Without Rewrites โ€” Gabriel Donadel
  • ๐Ÿ“– Read More
image
image
  • Getting Started with GitHub Copilot CLI โ€” Andrea Griffiths
  • ๐Ÿ“– Read More
  • Understanding Context Inheritance in TanStack Router โ€” Dominik Dorfmeister
  • ๐Ÿ“– Read More
image
image

---

๐Ÿ›  Code & Tools

React Chrono v3.0

Interactive timeline component:

  • Modes: horizontal, vertical, alternating vertical
  • Accessibility, nested timelines, auto-play carousel
  • Supports React 19, Google Fonts integration

๐Ÿ“– Read More

image

---

๐Ÿ“ฆ Frameworks & Libraries

Next.js v16 Beta

  • Turbopack is default bundler
  • Supports React 19.2 + React Compiler
  • New caching strategies
  • Routing system refactored (minimal migration needed)

๐Ÿ“– Read More

image

---

React-to-Print

Better control over printing React components:

  • Ideal for tickets, invoices, and reports

๐Ÿ“– Read More

image

---

React Knob Headless

Unstyled, accessible knob component primitives:

  • Build custom circular controls for UI

๐Ÿ“– Read More

image

---

๐Ÿ“ข Other Ecosystem Updates

jsonriver

Streaming JSON parser โ€” process data as it arrives.

Great for large files or LLM applications.

๐Ÿ“– Read More

image

---

Security Reminder

GitHub tightening npm authentication & token management โ€” important for package publishers.

๐Ÿ“– Read More

image

---

Vite+ by VoidZero

Enhanced version of Vite:

  • Includes linter, testing, monorepo tasks
  • License terms worth reviewing

๐Ÿ“– Read More

image

---

The Birth of Prettier

Christopher Chedeau (Vjeux) shares the origin story โ€”

how AST-based formatting changed the JS community.

๐Ÿ“– Read More

image

---

๐Ÿ“Œ Version Releases

  • React Three Fiber v9.4
  • react-native-pdf v7.0
  • React PDF v10.2
  • llama.ui v2.38

---

๐ŸŒ AiToEarn โ€” AI Content Monetization Platform

For developers & creators who:

  • Generate AI content
  • Publish across Douyin, Kwai, WeChat, Bilibili, Rednote (Xiaohongshu), Facebook, Instagram, LinkedIn, Threads, YouTube, Pinterest, X (Twitter)
  • Track analytics & AI model rankings

๐Ÿ”— Website | Blog | GitHub | Model Ranking

---

๐Ÿ™‹โ€โ™€๏ธ Stay Connected

image

---

If you want, I can also create a compact โ€œQuick Scanโ€ 1-page version of this newsletter so readers can get all highlights without scrolling. Would you like me to prepare that?

Read more

Google DeepMind Launches CodeMender: An Intelligent Agent for Automatic Code Repair

Google DeepMind Launches CodeMender: An Intelligent Agent for Automatic Code Repair

Google DeepMind Launches CodeMender โ€” AI for Automated Software Vulnerability Repair Date: 2025-10-18 13:09 Beijing --- Introduction Google DeepMind has unveiled CodeMender, an AI-powered intelligent agent designed to automatically detect, fix, and strengthen software vulnerabilities. Built on cutting-edge reasoning models and program analysis technologies, CodeMender aims to dramatically cut the

By Honghao Wang
What Signal Is Behind Peopleโ€™s Dailyโ€™s Consecutive Interviews with Entrepreneurs?

What Signal Is Behind Peopleโ€™s Dailyโ€™s Consecutive Interviews with Entrepreneurs?

Anti-Overcompetition โ€” Urgent Action Needed! --- Source: Reprinted from the WeChat public account ็ฌ”่ฎฐไพ PPEไนฆ้™ข (bijixiafuwu) (authorized). Contact the original publisher for permission before reprinting. Article stats: 9,929th in-depth piece | 5,625 words | ~16 min read --- Understanding Overcompetition (Involution) Editorโ€™s note: Overcompetition (ๅ†…ๅท) is now a serious concern in

By Honghao Wang