LowFile-scopeJavaScript / TypeScript Plug & play

Prefer responsive over fixed dimensions

Avoid fixed pixel heights for containers; prefer min/max constraints or flexible layouts.

Why this matters

Improves accessibility and adaptability across devices.

Side-by-side examples engineers can pattern-match during review.

Avoid

.card{ height:400px }

Prefer

.card{ min-height:20rem; max-height:80vh }

Bad

.box{ height:300px }

Good

.box{ min-height:50vh }

From the same buckets as this rule.

High
Add cleanup mechanisms for resource management
Ensure close/stop/dispose is called for resources (clients, channels, scopes) using use{} or try/finally; cancel coroutines on shutdown.
maintainabilityui-robustness
High
Add dispose methods to prevent memory leaks
Dispose controllers, focus nodes, animations, timers, and cancel subscriptions in `dispose()`.
stack-flutterui-robustness
High
Avoid array indexes as keys in React lists
Ensure that React list items do not use array indexes as keys. This practice can cause reordering issues and unexpected behavior. Recommend using unique identifiers instead.
performance-efficiencystack-react+1