Medium React

Avoid prop drilling with Context or state management

Rule Description

When props need to pass through multiple levels, use Context or state management:
- React Context for static/rarely changing data
- Zustand/Jotai for simple state
- Redux Toolkit for complex state with dev tools

```tsx
// Context for auth
const AuthContext = createContext(null);

export function AuthProvider({ children }) {
const [user, setUser] = useState(null);
return (

{children}

);
}

export const useAuth = () => useContext(AuthContext);
```

Included in Rulesets

React Standards
28 rules • 1 standard
View
Vue Best Practices
28 rules • 1 standard
View
Angular Guidelines
28 rules • 1 standard
View
Next.js Patterns
28 rules • 1 standard
View
Express Standards
31 rules • 1 standard
View
JavaScript Guide
28 rules • 2 standards
View
TypeScript Guide
28 rules • 4 standards
View
Code Review Standards
58 rules • 0 standards
View

Add This Rule

Sign in to add this rule to your workspace

Sign in with GitHub

Details

Severity
Medium
Category
React
Used in
8 rulesets