Параметры для функции шаблонизатора. Содержит все необходимые данные и функции для шаблонизации.
const template = ({ html, core, context, state, update }: TemplateParams<C, I, S>) => html` <div class="app"> <h1>${context.title}</h1> <p>Состояние: ${state}</p> <button onclick=${() => update({ state: 'ready' })}> Готово </button> </div>` Copy
const template = ({ html, core, context, state, update }: TemplateParams<C, I, S>) => html` <div class="app"> <h1>${context.title}</h1> <p>Состояние: ${state}</p> <button onclick=${() => update({ state: 'ready' })}> Готово </button> </div>`
Функция для создания HTML из template literals
Core объект с системными данными
Контекст приложения с данными
Текущее состояние приложения
Функция для обновления контекста приложения. Используется в обработчиках событий для изменения состояния.
// Обновление одного поляupdate({ count: 5 })// Обновление нескольких полейupdate({ name: "John", age: 25 })// В обработчике событияhtml`<button onclick=${() => update({ active: !context.active })}>Toggle</button>` Copy
// Обновление одного поляupdate({ count: 5 })// Обновление нескольких полейupdate({ name: "John", age: 25 })// В обработчике событияhtml`<button onclick=${() => update({ active: !context.active })}>Toggle</button>`
Параметры для функции шаблонизатора. Содержит все необходимые данные и функции для шаблонизации.
Example