react-start/server-components

Build and refactor TanStack Start React Server Components with RSC APIs.

4|1|Updated Feb 3, 2026
One-click install
npx skills add https://github.com/lespaceman/athena-workflow-marketplace --skill react-start-server-components
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-start/server-components
Source: https://github.com/lespaceman/athena-workflow-marketplace/tree/main/plugins/tanstack-start/skills/upstream/%40tanstack/react-start/skills/react-start/server-components
Command: npx skills add https://github.com/lespaceman/athena-workflow-marketplace --skill react-start-server-components

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides guidelines and patterns for implementing, reviewing, debugging, and refactoring TanStack Start React Server Components (RSC) in React 19 applications, enabling efficient data fetching, streaming, and component composition.

Core Features & Use Cases

  • Provides a structured approach to building RSC fragments with renderServerComponent, CompositeComponent, and server functions.
  • Helps ensure correct ownership of data and caching via route loader, Query, or HTTP caches.
  • Covers use cases including server-first rendering, progressive streaming, and cross-runtime packaging for TanStack Start RSC.

Quick Start

Enable TanStack Start RSC in your project, import renderServerComponent, createCompositeComponent, and CompositeComponent from @tanstack/react-start/rsc, and wire a sample route loader that renders an RSC from a server function.

Frequently Asked Questions about react-start/server-components

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render React Server Components using TanStack Start?

You can render React Server Components using TanStack Start by importing renderServerComponent, createCompositeComponent, and CompositeComponent from @tanstack/react-start/rsc, then wiring a route loader to render the RSC from a server function.

What is the best way to handle data loading for React Server Components in TanStack Start?

The best way to handle data loading for React Server Components is ensuring correct ownership of data and caching via route loader, Query, or HTTP caches, maintaining proper server function and route loader boundaries.

Do I need to enable React Server Components to use TanStack Start?

Yes, you need TanStack Start with RSC enabled to use React Server Components, which allows efficient server-first rendering, progressive streaming, and cross-runtime packaging using TanStack Start with RSC transport.

Can I use composite components with TanStack Start RSC for progressive streaming?

Yes, you can use composite components with TanStack Start RSC for progressive streaming by building RSC fragments with createCompositeComponent and server functions, enabling efficient component composition and streaming.

How do I set up cross-runtime integration for TanStack Start React Server Components?

To set up cross-runtime integration for TanStack Start React Server Components, use TanStack Start with RSC enabled and apply patterns for cross-runtime packaging using TanStack Start with RSC transport.

When should I not use server functions for data fetching in TanStack Start?

You should not use server functions for data fetching in TanStack Start when correct ownership of data and caching requires route loader, Query, or HTTP caches instead, maintaining proper server function and route loader boundaries.