From 8f3914850397d73867c8e34c6f276cbb4adfcc61 Mon Sep 17 00:00:00 2001 From: Claude Date: Sun, 1 Feb 2026 14:32:50 +0000 Subject: [PATCH] docs: add tip about combining defer() with React 19's Activity component https://claude.ai/code/session_01KnTr8uAX3qvjoDPawfnkqU --- packages/docs/src/pages/learn/OptimizingPayloads.mdx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/docs/src/pages/learn/OptimizingPayloads.mdx b/packages/docs/src/pages/learn/OptimizingPayloads.mdx index 59e2881..30daab6 100644 --- a/packages/docs/src/pages/learn/OptimizingPayloads.mdx +++ b/packages/docs/src/pages/learn/OptimizingPayloads.mdx @@ -98,6 +98,8 @@ Each payload file has a **content-based hash** in its filename. This enables agg **Consider below-the-fold content** - Content hidden in collapsed sections, tabs, or modals is a good candidate for `defer()` since users may never need it. +> **Tip:** You can combine `defer()` with React 19's `` component to prefetch content in the background. When a `defer()`ed node is rendered under ``, it won't be shown in the UI, but the fetch of the RSC payload will start immediately. This is useful when hidden content (like inactive tabs or collapsed sections) should be fetched ahead of time so it's ready when the user needs it. + ## See Also - [defer()](/funstack-static/api/defer) - API reference with full signature and technical details