Данные и состояние · Средняя
Продумать кеш и обновление данных
Определить, когда данные кешируются, обновляются, инвалидируются или показываются оптимистично.
Быстро понять за 2 минуты
Определить, когда данные кешируются, обновляются, инвалидируются или показываются оптимистично.
Контекст
Интерфейс должен корректно работать с loading, error, empty, optimistic updates и конфликтами данных.
Что это дает
Правильный cache strategy делает интерфейс быстрым и не показывает пользователю устаревшее состояние после действий.
Как выполнить
- Определите stale time для данных.
- Инвалидируйте кеш после мутаций.
- Осторожно используйте optimistic update.
Критерии приемки
- После действия UI показывает актуальные данные.
- Нет лишних запросов.
- Ошибки optimistic update откатываются.
Типичные ошибки
- Хранить все в глобальном state.
- Не инвалидировать списки после изменения.
- Показывать старые данные как новые.
Инструменты
Рабочий артефакт
API integration
Матрица интеграций
Связка экранов, endpoints, loading states, error states, cache и refresh rules.
- Endpoints
- Error states
- Cache rules
- Retries
Контроль качества
Матрица интеграций
После действия UI показывает актуальные данные.
После изменения пользовательского сценария, дизайна, API-контрактов, релизов и замечаний по доступности.
Сценарий, состояние интерфейса, источник данных, критерии доступности, тесты и ограничения адаптива.
Перед отметкой выполнено: После действия UI показывает актуальные данные.
Как применять
Начинайте с пользовательского действия и состояния интерфейса. Затем проверьте данные, адаптивность, доступность, ошибки и производительность. Хороший frontend-пункт помогает понять, что увидит пользователь, как интерфейс поведет себя в крайних состояниях и чем подтверждается качество реализации.
Режим обучения
Прочитайте материал, прослушайте аудио и проверьте понимание по коротким вопросам. Ответ раскрывается после попытки сформулировать его самостоятельно.