Includes documentation about CSS in the context of React, allowing users to search for information about using CSS within React applications.
Uses DuckDB for storing and searching React documentation with full-text search capabilities as part of a hybrid search implementation.
Contains information about JavaScript in the context of React, particularly how JavaScript expressions can be used within JSX through the use of curly braces.
Pre-scrapes React learning documentation and provides a search tool to query that documentation using hybrid search (DuckDB full-text search with transformer-based reranking).
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@React Learning MCP Serverhow do I use useState hook in React?"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
learning-react-mcp
minimal MCP server that pre-scrapes React learning docs into DuckDB
hybrid search using DuckDB full-text search and transformer-based reranking
Dev
Related MCP server: @sanderkooger/mcp-server-ragdocs
Test
Setup
vscode settings.json
Reference
https://voluntas.ghost.io/duckdb-hybrid-search/