React MCP Server

Cross platform react native router with support for render as you fetch

Local serverstdioGo

What is the React MCP server?

React MCP server is a locally run integration for AI assistants that speak the Model Context Protocol. Cross platform react native router with support for render as you fetch.

What you get

Simple and performant navigation on iOS, Android and the web with simple and type-safe api.

We want developers to be able to build software faster using modern tools like GraphQL, Golang and React Native.

  • New architecture
  • 100% Type safety (routes, params, bottom tabs)
  • Bundle splitting (lazy loading, smart prefetching)
  • Render as you fetch on iOS, Android & web
  • Works on Android, iOS & web!
  • Preload data on mouseDown (or more sensitive on hover, see example)

Setting it up

The server ships on npm as expo, so your MCP client can launch it on demand — there is no separate build step. Add the server block to your client's configuration, restart it, and the tools register themselves.

What the assistant can call

Once React is connected, these are the calls the assistant has available:

Before you rely on it

  • It runs with your machine's permissions. That is convenient and also the reason to think about what you point it at before you approve a tool call.
  • MCP clients confirm each tool call by default. Leave that on until you have watched what the react mcp server does with a few real requests.

Choosing this one

Plenty of developer tooling servers cover similar ground. The differences that matter in practice are scope of access and how much setup stands between you and a working tool call. React's toolset — Demo, Source — is a fair guide to whether it matches your workflow. It is maintained by GitHub Actions; worth a glance at recent repository activity before you build anything load-bearing on it.

We check each listing at SyncDev against the project's documentation before it goes live — if something here drifts out of date, it is a bug worth reporting.

Available tools

ToolWhat it does
Demo[See example: reactnativeridgenavigation.com](https://www.reactnativeridgenavigation.com/)
Source[See source of example app](https://github.com/web-ridge/react-native-ridge-navigation/tree/main/example)

How to install the React MCP server

{
  "mcpServers": {
    "ridge": {
      "command": "npx",
      "args": ["-y", "expo"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Example prompts to try

  • Use React to Demo.
  • Use React to Source.

Frequently asked questions

It connects React to MCP-compatible AI assistants such as Claude and Cursor, exposing 2 tools (Demo, Source) that the assistant can call on your behalf. Instead of copying data back and forth by hand, the assistant works with React directly.