Patterns

A11y Testing for Dynamic Interfaces

Test keyboard and screen reader behavior in live-updating UIs.

Level: meso

Read pattern

A11y Testing Strategy for Dynamic UIs

Create reliable accessibility quality gates for interfaces that update without full page refresh.

Level: macro

Read pattern

Cache Invalidation and SWR

Balance perceived performance and correctness with stale-while-revalidate flows.

Level: macro

Read pattern

Debounce vs Throttle

Choose between debounce and throttle for high-frequency user input events.

Level: micro

Read pattern

Optimistic UI and Rollback

Provide instant user feedback while preserving correctness under server rejection or conflicts.

Level: meso

Read pattern

Pagination: Offset vs Cursor vs Infinite

Pick list retrieval strategy based on consistency, UX, and backend behavior.

Level: meso

Read pattern

Pagination: Offset, Cursor, Infinite Scroll

Compare pagination models for consistency, performance, and UX continuity.

Level: meso

Read pattern

Realtime Transport: SSE vs WebSocket vs Long Poll

Select the right transport based on interaction model, reliability needs, and infra constraints.

Level: macro

Read pattern

Realtime Transport Strategy

Choose between Long Poll, SSE, and WebSocket using product interaction needs.

Level: macro

Read pattern

Request Cancellation and Stale Protection

Prevent stale responses from overriding newer intent in search and filters.

Level: micro

Read pattern

Virtualization Strategies

Reduce rendering overhead for long lists, feeds, and comment timelines.

Level: meso

Read pattern