RESTful API for the React Style Guide
Returns a comprehensive collection of React development rules including state management, component design, performance optimization, and best practices.
{
"rules": [
{
"id": "string", // Unique identifier for the rule
"directive": "string", // The rule statement/guideline
"rationale": "string" // Explanation of why the rule exists
}
]
}
{
"rules": [
{
"id": "STATE_SCOPE",
"directive": "Hold each piece of React state in the lowest common ancestor that consumes it; lift only when multiple siblings need the same data.",
"rationale": "Minimises re‑render surface and keeps ownership obvious."
},
{
"id": "COMPONENT_FUNCTIONAL",
"directive": "Use function components and Hooks exclusively; avoid class components in new code.",
"rationale": "Aligns with the current React runtime and future features (concurrency, RSC)."
}
]
}
Returns React style guide rules formatted as plain text, suitable for use with Cursor AI editor or other text-based tooling integrations.
Content-Type: text/plain
# Cursor Rules
## React Style Guide
This is a style guide for React. It is a set of rules that are designed to help you write better React code.
## React Style Guide
// Fetch React style guide rules
const response = await fetch('/api/rules.json');
const data = await response.json();
console.log(`Found ${data.rules.length} rules`);
data.rules.forEach(rule => {
console.log(`${rule.id}: ${rule.directive}`);
});import requests
# Get rules as JSON
response = requests.get('https://yourdomain.com/api/rules.json')
rules_data = response.json()
for rule in rules_data['rules']:
print(f"{rule['id']}: {rule['directive']}")# Get JSON rules
curl -X GET /api/rules.json
# Get text rules for Cursor
curl -X GET /api/cursorrules.txt