ClineReactArchitecture
React Cline Rules
Cline rules for React: component patterns, performance, and modern React architecture.
.clinerules
- Use the React 19 Actions API for async operations in event handlers - Apply useOptimistic for instant UI feedback on mutations - Use Server Components with streaming for data-heavy pages - Apply the Slots pattern (children function) for flexible component composition - Use useDeferred for non-urgent state updates affecting render performance - Apply React 19 use() for async data in any component (not just Server Components) - Implement error boundaries with automatic retry for transient failures - Use React Compiler output; avoid premature manual memoization
How to use with Cline
Create a `.clinerules` file in your project root. Cline reads this file and applies the rules to all AI-assisted coding.
#react#cline#react19#coding-rules
Related Rules
Python Cline Rules
ClinePython
Cline AI coding rules for Python: automated coding patterns and best practices for the Cline VS Code extension.
Code Style
python · clineCopy Ready
Next.js Cline Rules
ClineNext.js
Cline rules for Next.js: full-stack patterns, deployment, and modern Next.js conventions.
Architecture
nextjs · clineCopy Ready
Docker Cline Rules
ClineDocker
Cline rules for Docker: container security, image optimization, and production container patterns.
Security
docker · clineCopy Ready
Testing Cline Rules
Clinetesting
Cline rules for testing: advanced testing patterns, observability-driven testing, and test automation.
Testing
testing · clineCopy Ready