react-fast-refresh-exports
CommunityEnsure safe React component exports and improve code quality.
Authorholblin
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the issue of improper exports in React component files, which can lead to inconsistent behavior and maintenance challenges in React projects.
Core Features & Use Cases
- Enforces Proper Exports: Ensures only React components are exported from
*.tsxfiles, preventing accidental exports of non-component code. - Organizes Code Structure: Guides developers to move GraphQL documents and constants into sibling files, improving code modularity.
- Use Case: During a React project refactor, enforce export rules to improve component reusability and prevent accidental leaks of utility functions or constants.
Quick Start
Use the Skill to audit all React component files and identify violations, then apply recommended restructuring instructions.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-fast-refresh-exports Download link: https://github.com/holblin/webapp-template/archive/main.zip#react-fast-refresh-exports Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.