Navigation & Content Display

Implement navigation and content-discovery behavior with Turbo Drive and Turbo Frames.

Core Workflow

1. Classify navigation mode: tabs, pagination, lazy frame loading, faceted search, or custom render/cache lifecycle.
2. Decide URL and history ownership first (data-turbo-action, frame src, query params, back/forward behavior).
3. Use frame lifecycle and visit events to update active state, request params, and scroll restoration.
4. Clean transient UI state before Turbo cache snapshots.
5. Validate behavior across forward/back navigation and refresh paths.

Guardrails

• Update active/tab state on load/render events, not click intent events.
• Keep URL state canonical for filters and pagination.
• Avoid leaving transient UI artifacts in cache snapshots.
• Use lazy loading deliberately; verify loading boundaries and observer behavior.