durable-ui

Durable UI is the practice of making client-side state and interactions resilient. State should survive page reloads, browser sessions, and — where appropriate — be shareable via URL. Interactive elements like dropdowns and modals should be dismissable in the ways users expect (click outside, Escape, backdrop click). Multi-step flows should never lose progress. Durable UI fills the gap for UI preferences, navigati...

Read individual rule files for detailed explanations and code examples:

Надежные шаблоны пользовательского интерфейса для современной веб-разработки — сохранение состояния на стороне клиента при загрузке страниц, сеансах браузера и общих URL-адресах. Используйте этот навык при реализации сохраняемости localStorage, состояния параметра URL-запроса, автоматического сохранения черновика формы, многошагового мастера, закрытия по щелчку мыши, шаблонов модального/диалогового фона или любого шаблона состояния и взаимодействия на стороне клиента, который должен быть устойчивым и корректным. Работает с React, Vue и Svelte. Источник: sailscastshq/boring-stack.