devrules.directory

Rules of Hooks

// Follows the essential rules when using React Hooks to ensure predictable behavior

ReactJavaScriptFrontendBest Practices
Highly Rated
Community Verified

// detailed.guidelines

# Rules of Hooks

React Hooks must follow two fundamental rules:

## 1. Only Call Hooks at the Top Level
Don't call Hooks inside loops, conditions, or nested functions. This ensures that Hooks are called in the same order each time a component renders.

## 2. Only Call Hooks from React Functions
- Call Hooks from React function components
- Call Hooks from custom Hooks

Following these rules ensures that all stateful logic in a component is clearly visible from its source code.

// related.rules

6 matches

Modern JavaScript Practices
// Uses ES6+ features and modern JavaScript patterns
JavaScriptBest PracticesFrontend
3 matching categories
TypeScript Best Practices
// Leverages TypeScript type system for safer, more maintainable code
Best PracticesFrontend
2 matching categories
Next.js Metadata API
// Uses the Metadata API for SEO optimization in Next.js applications
ReactFrontend
2 matching categories
BEM Naming Convention
// Uses Block Element Modifier methodology for consistent CSS class naming
FrontendBest Practices
2 matching categories
Ask Before Large Refactors
// Always asks clarifying questions before making significant code changes
Best Practices
1 matching category
Never Break Public APIs
// Never changes public APIs without explicit migration plan and approval
Best Practices
1 matching category