Основные понятия
PageFlow превращает маршруты и цели навигации приложения в интерактивный граф. Пять понятий делают остальной интерфейс понятным.
Страницы
Страница представляет конкретный маршрут, который PageFlow может отобразить. Статические маршруты готовы сразу. Динамические становятся доступными после указания подходящих значений параметров.
У каждой страницы могут быть заголовок, путь маршрута, превью, миниатюра, навигационные ссылки и связанные тесты. Строки запроса и хеши позволяют сохранить более точную позицию навигации без создания отдельного определения маршрута.
Навигационные ссылки
Ссылка — направленная связь от одной страницы к другой. PageFlow обнаруживает поддерживаемые ссылки роутера, якоря того же источника, литеральные программные цели, навигацию по истории браузера и явные подсказки фреймворка, например data-pageflow-to.
Вычисляемые цели могут стать известны лишь после того, как приложение выполнит соответствующее действие.
Активные области
При выборе страницы PageFlow выделяет элементы, ведущие к известным целям. Активные области связывают визуальное превью с графом: показывают не только связь двух маршрутов, но и место начала перехода в реальном интерфейсе.
Превью и миниатюры
Выбранная страница использует активный iframe того же источника. Другие близкие страницы используют сохранённые превью, чтобы холст оставался отзывчивым. Кэшированные миниатюры видны, пока устаревшие страницы обновляются в фоне.
Группы маршрутов
Крупные деревья маршрутов сворачиваются в колоды. Откройте колоду, чтобы увидеть дочерние элементы, а затем вернитесь к предку через навигационную цепочку. Группировка уменьшает визуальный шум, не теряя связей между страницами.