Skills
.Work. You
Rest

react-router-framework-mode

Official

Build full-stack React apps with framework mode.

Software Engineering#routing#SSR#action#react-router#loader#framework-mode
Authortech-with-seth
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill guides developers in building full-stack React applications using React Router's framework mode, unifying client and server concerns into a coherent routing and data flow model.

Core Features & Use Cases

  • Routing orchestration: Configure routes, nested layouts, loaders, and actions across server and client.
  • Data loading & mutations: Implement loader and action with type-safe route modules; handle clientLoader for hydration.
  • Error handling & navigation: Support ErrorBoundary, pending UI, and robust navigation flows.
  • Use Case: Build a dashboard with protected routes, data fetching, form submissions, and SSR/SPA rendering strategies using app/routes.ts or react-router.config.ts.

Quick Start

Install and configure the framework-mode setup in your app by defining routes in app/routes.ts or react-router.config.ts, implement loader/action/middleware, and initialize your root layout to incorporate the router runtime.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: react-router-framework-mode
Download link: https://github.com/tech-with-seth/iridium/archive/main.zip#react-router-framework-mode

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.