SYSTEM ATLASЗагрузка материала

Islands Architecture

Islands Architecture

Интерактивность изолируется в отдельных островах поверх статического HTML.

Простыми словами

Подход, при котором большая часть страницы остаётся статической HTML-разметкой, а JavaScript активирует только отдельные интерактивные «острова». Например, страница статьи почти статична, а интерактивными «островами» остаются поиск и комментарии. Браузер получает JavaScript только для этих участков. Поэтому проверяют весь путь запроса от браузера до сервера и обратно - иначе локально правильное решение может ухудшить загрузку, совместимость или устойчивость страницы.

Пример от @Vibeclakr

Пример при разработке

Страница статьи почти статична, а интерактивными «островами» остаются поиск и комментарии. Браузер получает JavaScript только для этих участков.

Это редакционный пример применения, а не часть определения или доказательство концепции.

Механизм действия

Сначала проверяют, есть ли исходное условие из определения. Затем смотрят, как оно влияет на структуру компонентов, потоки данных, ограничения и действия участников. Если эту связь не удаётся наблюдать, принцип не стоит использовать как готовое объяснение.

Пример в работе

Нерабочий подход

Решение принимают без учета механизма «Islands Architecture», оценивая только ближайший эффект.

Системный подход

Перед изменением проверяют, как «Islands Architecture» влияет на ограничения, стимулы, зависимости и вторичные последствия.

Ограничения

«Islands Architecture» объясняет только часть происходящего в области «Веб-архитектура». Сам принцип не говорит, насколько сильным будет эффект в вашем случае, и не заменяет измерения. При другом масштабе, среде или временном горизонте результат может отличаться.

Источник

Jason Miller. Islands Architecture. 2020.

Первоисточник