compote.js

Преимущества

Конфиг compote.js в `yaga.config.yml`

Структура компонента

Особенности работы compote.js

Разметка компонента

Требования к именам компонентов

Запрещённые имена

Пример неверного кода (тут неверно буквально всё!):

Соглашения по именованию

Пример необязательного паттерна именования по пути в ФС

Вложенные компоненты

Почему выбран такой синтаксис

Дублирование имён вложенных компонентов

Атрибут `nested` и обязательные параметры

Удобные теги для `nested`

Почему атрибуты, а не кастомные теги?

Особенности вложенных компонентов в `$izba`

Передача инициирующих данных

Приоритет и особенности вычислений

Нюансы передачи данных через `props`

Генерация скрипта `compote.js`

Ссылки‑константы в инициирующем скрипте

Порядок инициации

Почему `destroy` опционален и нужен в основном для `setlist`?

Примеры использования

Простой пример компонента

Подключение готового дерева компонентов

Компоненты по состоянию

Типы компонентов по поведению

Компоненты по предназначению

Наследование и переопределения

Пример: две кнопки (красная и синяя)

Компонент‑список с директивой `setlist`

Ограничения компонента‑списка

Особенности компонента‑шаблона

Как получить индекс элемента

Нюансы инициации и обновления

Вариант 1 (так делать не нужно -- `$this.$index()` все-таки служебное свойство)

Вариант 2 (правильный)

Кеширование через `$izba.memo`

Реализация кэша в компоненте‑шаблоне

Структура данных списка

Методы компонента‑списка `setlist`

«Сильные» методы -- могут менять размер списка и пересчитывать индексы

Методы с двумя режимами -- «слабым» и «сильным» -- не меняют размер списка