#124

Turborepo 2.9, React Fiber explained, jal-co/ui, Next.js Mental Model, useOffline, Debug React with AI


Together with
CodeRabbit

How Does React Fiber Render Your UI

How Does React Fiber Render Your UI

A single setState call kicks off a surprisingly sophisticated process. This detailed explainer covers how React Fiber organizes your component tree as a linked list, schedules work based on priority lanes, skips unchanged subtrees for efficiency, and batches DOM updates in a single commit phase

Implementing Next.js 16 'use cache' with next-intl Internationalization

This post got featured before, and it's now been updated with the proper solution. The original post covered a workaround for the incompatibility between 'use cache' and next-intl. With Next.js 16.2's new next/root-params API, the workaround is no longer needed


⚡️ Sponsor: CodeRabbit

CodeRabbit

Code reviews are critical but time-consuming. CodeRabbit acts as your AI co-pilot, providing instant Code review comments and potential impacts of every pull request.

Beyond just flagging issues, CodeRabbit provides one-click fix suggestions and lets you define custom code quality rules using AST Grep patterns, catching subtle issues that traditional static analysis tools might miss.

CodeRabbit is free for all open-source repo's.

Get started now

Make sure to stay up to date about new features, best articles and tools in the Next.js ecosystem by subscribing to the newsletter.

Once‑weekly email, best links, no fluff.

Join 6,000+ developers. 100% free.

📙 Articles / Tutorials / News

use(): The Hook That Breaks the Rules

A simple guide to React’s use() hook, including what it replaces, how it handles async data, and why stable promise caching matters

PR: Add useOffline hook to expose offline state to userland

A new hook exported from next/navigation that tells you whether the app is currently offline. Currently gated behind the experimental.useOffline flag

► Next.js Mental Model Has Changed…

A quick look at how cacheComponents changes Next.js. The idea is that older rendering options matter less now, and the main question becomes whether your page should use cache or stay dynamic

When Do You Really Need startTransition?

Most React developers have heard of startTransition but few truly understand it. This article explains what it does in simple terms and covers real use cases like AI streaming, filtering large lists, and tab switching


📦 Projects / Packages / Tools

Turborepo 2.9

Turborepo 2.9

A quality-focused release for the popular monorepo build tool, bringing big performance gains and smoother adoption for large codebases:

  • Up to 96% faster startup: Time before your first task runs has been drastically reduced
  • turbo query is stable: Query your monorepo's structure with GraphQL or simple shorthands
  • Circular dependencies no longer block you: Adopt Turborepo incrementally in repos with package cycles
  • OpenTelemetry (Experimental): Send build metrics to tools like Grafana or Datadog
  • Structured logging (Experimental): Get machine-readable JSON output for CI and tooling
  • Future Flags: Start preparing for 3.0 today with gradual migration paths

json-render

Let AI generate UIs from prompts using only the components you define. Output is always predictable and schema-safe. The new @json-render/next package can generate full Next.js apps with routes, layouts, and SSR from a single JSON spec

bippy

Bypasses React's closed internals by hooking into the same mechanism React DevTools uses. Lets you traverse the fiber tree, inspect component props, state, and contexts, and even override them

jal-co/ui

A collection of polished, ready-to-use components you can install via the shadcn registry or copy straight into your project. Zero dependencies where possible and server-first


⚡️ Sponsor: Tigris

Tigris Data

Stop fighting S3 in your Next.js app. Agent Skills help your AI handle uploads, buckets, and assets correctly — no more debugging weird SDK issues.

New to skills? Learn how to automate the drudgery, or skip straight to the Tigris Agent Skills Library.


🌈 Related

🦋 A Better Way to Debug React with AI

Dan Abramov shares a step-by-step workflow for using AI to fix tricky bugs: reproduce it, read the code, add logs, and only then ask the AI to find the issue

Axios Supply Chain Attack Pushes Cross-Platform RAT via Compromised npm Account

Axios, the popular HTTP client, fell victim to a supply chain attack. An attacker compromised the maintainer's npm account and published two rogue versions (1.14.1 and 0.30.4) containing a hidden dependency that installs a remote access trojan across Windows, macOS, and Linux

I finally understand React hydration and why it exists

In this Reddit post a developer shares the journey of how he finally understood why React needs hydration after years of confusion

Why Node.js needs a virtual file system

Matteo Collina introduces node:vfs, a new Node.js core module that lets you create in-memory filesystems that work with import, require(), and standard fs calls


Have a link you want to share? Send me an email at erfan@nextjsweekly.com

All submissions are appreciated.

👋 See you next week!