Фреймворки Kotlin/JS

Kobweb

Kobweb — это фреймворк Kotlin для создания веб-сайтов и веб-приложений с помощью Compose HTML. Он поддерживает автоматическую перезагрузку при изменениях, что ускоряет разработку. Вдохновлённый Next.js, Kobweb предлагает стандартную структуру для добавления виджетов, макетов и страниц.

Kobweb предоставляет из коробки маршрутизацию страниц, светлую и тёмную темы, стилизацию CSS, поддержку Markdown, серверные API и многое другое. В него также входит Silk — библиотека пользовательского интерфейса с набором универсальных виджетов для современных интерфейсов.

Kobweb также поддерживает экспорт сайтов, создавая снимки страниц для SEO и автоматической индексации в поисковых системах. Кроме того, он позволяет создавать интерфейсы на основе DOM, которые эффективно обновляются в ответ на изменения состояния.

Дополнительную информацию и примеры см. в документации Kobweb.

Чтобы узнавать о новостях фреймворка и обсуждать его, присоединяйтесь к каналам #kobweb и #compose-web в Kotlin Slack.

Kilua

Kilua — это компонуемый веб-фреймворк, созданный на основе Compose Runtime и похожий на библиотеку compose-html. В отличие от compose-html, Kilua поддерживает цели Kotlin/Wasm и Kotlin/JS.

Kilua предоставляет модульный API для создания декларативных компонентов пользовательского интерфейса и управления их состоянием. В него также входит набор готовых компонентов для типичных задач веб-приложений.

Kilua — преемник фреймворка KVision. Kilua будет знаком как пользователям Compose (функции @Composable, управление состоянием, интеграция с корутинами/потоками), так и пользователям KVision (API на основе компонентов, позволяющий взаимодействовать с компонентами пользовательского интерфейса в императивном стиле).

Дополнительную информацию и примеры см. в документации Kilua.

Чтобы узнавать о новостях фреймворка и обсуждать его, присоединяйтесь к каналу #kilua в Kotlin Slack.

Summon

Summon — это фронтенд-фреймворк Kotlin Multiplatform для создания высокопроизводительных приложений на JVM, Kotlin/JS и Kotlin/Wasm. Он поддерживает разработку пользовательских интерфейсов на основе компонентов, полноценный рендеринг на стороне сервера (SSR) с потоковой передачей HTML и стилизацию с помощью модификаторов, компилируемую в чистый CSS.

Summon также делает упор на компоненты, учитывающие особенности среды выполнения, для обеспечения доступности и расширенных возможностей, сохраняя при этом единую кодовую базу для всех платформ.

Дополнительную информацию и примеры см. в документации Summon.

Kinetica

Kinetica — это UI-фреймворк Kotlin, ориентированный на практические задачи веб-приложений: быструю первоначальную загрузку страниц благодаря серверному рендерингу, HTML-код, удобный для SEO, и плавный переход к интерактивному пользовательскому интерфейсу на стороне клиента после загрузки страницы. Он также поддерживает тестирование без браузера, позволяя командам быстро и надёжно проверять поведение интерфейса без необходимости запускать полноценную браузерную среду.

Kinetica включает из коробки модули маршрутизации, форм и хранения данных, поэтому команды могут быстрее выпускать приложения с типичными функциями. Модель обновления применяет минимальные изменения DOM, что помогает сохранять отзывчивость интерфейса при изменении состояния. Единообразная реактивная модель призвана уменьшить количество неожиданного поведения в крупных приложениях.

Дополнительную информацию и примеры см. в документации Kinetica.

Kotlin React

React — это библиотека на основе компонентов, широко используемая для создания веб-интерфейсов и нативных пользовательских интерфейсов. Она предлагает обширную экосистему компонентов, учебных материалов и активное сообщество.

Kotlin React — это обёртка Kotlin для React, сочетающая экосистему React с безопасностью типов и выразительностью Kotlin.

Чтобы узнавать о новостях библиотеки и обсуждать её, присоединяйтесь к каналам #react и #javascript в Kotlin Slack.

KVision

KVision — это объектно-ориентированный веб-фреймворк для создания приложений Kotlin/JS с готовыми компонентами пользовательского интерфейса. Эти компоненты могут служить строительными блоками интерфейса вашего приложения.

С помощью этого фреймворка вы можете использовать как реактивную, так и императивную модели программирования для создания фронтенда. Вы также можете интегрировать его с серверными приложениями, используя коннекторы для Ktor, Spring Boot и других фреймворков. Кроме того, вы можете делиться кодом с помощью Kotlin Multiplatform.

Дополнительную информацию, руководства и примеры см. в документации KVision.

Чтобы узнавать о новостях фреймворка и обсуждать его, присоединяйтесь к каналам #kvision и #javascript в Kotlin Slack.

fritz2

fritz2 — это самостоятельный фреймворк для создания реактивных веб-интерфейсов. Он предоставляет собственный DSL с проверкой типов для создания и отображения элементов HTML, а для определения компонентов и привязки данных использует корутины и потоки Kotlin.

fritz2 включает из коробки управление состоянием, валидацию, маршрутизацию и многое другое. Он также интегрируется с проектами Kotlin Multiplatform.

Дополнительную информацию, руководства и примеры см. в документации fritz2.

Чтобы узнавать о новостях фреймворка и обсуждать его, присоединяйтесь к каналам #fritz2 и #javascript в Kotlin Slack.

Doodle

Doodle — это векторный UI-фреймворк для Kotlin/JS. Приложения Doodle используют графические возможности браузера для отрисовки пользовательских интерфейсов вместо DOM, CSS или JavaScript. Такой подход позволяет управлять отображением произвольных элементов интерфейса, векторных фигур, градиентов и пользовательских визуализаций.

Дополнительную информацию, руководства и примеры см. в документации Doodle.

Чтобы узнавать о новостях фреймворка и обсуждать его, присоединяйтесь к каналам #doodle и #javascript в Kotlin Slack.