That's a Picker

UI patternsUXPicker components

That’s a Picker is an interactive study of select and picker components, showing how patterns such as prefetching, virtualization, pagination, debouncing, lazy loading, memoization, and recent-item caching behave at scale.

Overview

The project treats a simple picker as a systems problem: data size, latency, API shape, frontend rendering cost, cache policy, and user memory all change which UI pattern is right.

Implementation notes

Each picker pattern is shown as a concrete interactive example, paired with usage guidance, pros, and cons.

Patterns cover prefetching, virtualization, pagination, infinite loading, debouncing, lazy loading, memoization, and recent-item caching.

The page frames picker design as a performance and API problem, not just a form-control styling problem.

Key points

Shows trade-offs for large datasets and slow endpoints.

Connects small UI choices to traffic, latency, and backend cost.

Useful as a conversation starter for scalable select components.

Visit the demo to walk through picker strategies side by side and compare how each approach trades latency, rendering cost, and user effort.