Turborepo 2.9, React Fiber explained, jal-co/ui, Next.js Mental Model, useOffline, Debug React with AI
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
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.
📙 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
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 queryis 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
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!