HighFile-scopeJavaScript / TypeScript Plug & play

Debounce or throttle user input that triggers work

Apply debounce/throttle to handlers that trigger network calls or heavy computation on rapid input.

Why this matters

Prevents UI jank and rate-limit issues.

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

Avoid

input.oninput = e => search(e.target.value);

Prefer

const debounce=(fn,ms)=>{let t;return(...a)=>{clearTimeout(t);t=setTimeout(()=>fn(...a),ms)}}; input.oninput=debounce(e=>search(e.target.value),200);

Bad

oninput => fetch()

Good

oninput => debounce(fetch)

From the same buckets as this rule.

Critical
Avoid Blocking Calls to Async Methods
Blocking async methods with `.Result` or `.Wait()` can cause deadlocks and prevent efficient asynchronous execution. Use `await` instead for proper async behavior.
concurrency-safetyperformance-efficiency
Critical
Fingerprint assets and cache immutably
All static JS/CSS/font/image files MUST use content-hashed filenames (e.g., app.9c1a7b.js) and be served with "Cache-Control: public, max-age=31536000, immutable". HTML and other non-fingerprinted documents MUST be served with "Cache-Control: no-cache" (or equivalent) to enable conditional revalidation.
web-static-assetscaching-strategy+2
Critical
No live network or DB in unit tests—use fakes/mocks
Unit tests must stub or fake external HTTP/DB calls; allow real I/O only in integration/e2e tests tagged accordingly.
testing-qualityperformance-efficiency+1