React Refactor Rules

Rule

Cursor rules that steer React edits toward hooks, performance, and modern patterns.

4.6(287)89.3k installs4.1k likesUpdated 24 days ago

Low riskMITOpen Source

React Refactor Rules

A drop-in Cursor rule pack that makes Cursor edit React the way you'd want a senior engineer to. No agent to run — just rules loaded into Cursor's context.

What the rules enforce

Function components with hooks (never new class components)
Extract custom hooks from tangled useEffect logic
Avoid re-renders: stable callbacks, memoization where it pays off, context splitting
React 19 patterns (use, Actions, useOptimistic)
Strict prop types — no any

Install

bash

npx nuclexa install react-refactor-rules --target cursor

Installs to .cursor/rules/react-refactor-rules.mdc. Open any React file and Cursor follows the rules automatically.

Demo

react-refactor-rules — preview

Interactive demo coming soon

A short walkthrough of React Refactor Rules in action will appear here.

Supported platforms

CuCursor

Installation

Install or export React Refactor Rules for any platform it supports.

Cursor

$ npx nuclexa install react-refactor-rules --target cursor

Required permissions

Low risk

Read files
Read files in the workspace.
Write files
Create or modify files in the workspace.
Run shell commands
Execute commands in your shell.
Network access
Make outbound network requests.
Access environment variables
Read process environment variables.
Access browser
Control a browser session.
Access git history
Read commit history and diffs.
Access secrets
Read configured secrets and tokens.

Compatibility

How React Refactor Rules behaves across supported runtimes.

Platform	Status	Install method
CuCursor	Supported	Cursor rule

License & safety

License

MITOpen source — free for commercial use.

Safety note

Every install shows its full permission scope before it runs. Review the requested permissions and source repository before installing.

Platform

Status

Install method

CuCursor

Supported

Cursor rule