React 19 MCP

A Model Context Protocol (MCP) server designed to help Claude Code and other AI assistants better understand React 19 features, patterns, and best practices.

Features

• Documentation API: Comprehensive information about React 19 features
• Code Examples: Ready-to-use examples of React 19 features in action
• Best Practices: Guidelines for effective use of React 19
• Code Analysis: Parse and analyze React 19 code to provide insights
• Integration Guides: Documentation for using React 19 with popular libraries

Installation

As a Global Package

# Install globally
npm install -g react19-mcp

# Run the HTTP server
react19-mcp

# Run the JSON-RPC MCP server (for Claude)
react19-mcp-json

As a Development Project

# Clone the repository
git clone https://github.com/yourusername/react19-mcp.git

# Navigate to the project directory
cd react19-mcp

# Install dependencies
npm install

# Start the HTTP server
npm start

# Start the JSON-RPC MCP server (for Claude)
npm run mcp

The HTTP server will run at http://localhost:3175 by default. The JSON-RPC MCP server will run on port 3175 by default.

Using with Claude

Create a JSON configuration file for Claude:

{ 
  "mcpServers": { 
    "react19-mcp": { 
      "command": "npx", 
      "args": ["-y", "react19-mcp-json"] 
    } 
  } 
}

Upload this configuration to Claude to enable the React 19 MCP.

HTTP API Endpoints

Documentation

GET /api/docs/:topic

Get detailed documentation about a React 19 feature.

Examples

GET /api/examples/:feature

Get code examples for a specific React 19 feature.

Best Practices

GET /api/best-practices/:topic

Get best practices for a specific React 19 topic.

Integrations

GET /api/integrations/:library

Get integration information for React 19 with popular libraries.

JSON-RPC Methods

• getReact19Docs: Get documentation for React 19 features
• getIntegration: Get integration information for libraries
• analyzeReactCode: Analyze React code for features and patterns
• generateComponent: Generate component code for specific UI libraries

React 19 Key Features

1. React Server Components: Components that run on the server before bundling
2. Actions: Async functions for handling data mutations with automatic pending states
3. New Hooks: Including use, useOptimistic, useActionState, and useFormStatus
4. Document Metadata: Native support for <title>, <meta>, and <link> tags

License

MIT