Server-Driven веб-приложения с htmx

htmx - это библиотека, которая добавляет логику и взаимодействие с сервером в HTML, предоставляя эффект использования фронтендового SPA-фреймворка без необходимости писать фронтенд-код. Вы можете использовать любой серверный язык программирования и фреймворк для создания серверных приложений с эндпоинтами, которые просто возвращают фрагменты HTML. Динамически обновляйте части текущей веб-страницы на основе HTTP-ответов. Добавляйте интерактивность с помощью JavaScript и таких библиотек, как Alpine и _hyperscript. Сделайте ваши приложения более безопасными, экранируя вводимые пользователем данные и задавая Политику Безопасности Контента (Content Security Policy). Расширьте возможности за пределы обычных HTTP-запросов с помощью WebSockets и событий, отправляемых сервером.

JavaScript-библиотека htmx предлагает новый способ создания веб-приложений. Подход htmx существенно отличается от популярных в настоящее время SPA-фреймворков (Single-Page Application); вместо написания большого количества JavaScript-кода, вы просто аннотируете HTML-элементы перед отправкой их в браузер. Такой код проще для понимания и модификации, а благодаря тому, что в браузер загружается меньше данных и отсутствует необходимость в создании и разборе JSON, производительность также улучшится.

• Переосмыслите дизайн веб-приложений: пишите код на любом языке, который просто отвечает на запросы фрагментами htmx.
• Динамически обновляйте части текущей веб-страницы напрямую с сервера.
• Реализуйте распространённые шаблоны, такие как отложенная загрузка, валидация ввода, CSS-переходы, активный поиск, оптимистичные обновления, пагинация, бесконечная прокрутка, опрос сервера и редактирование по клику.
• Добавляйте интерактивность с помощью JavaScript и таких библиотек, как Alpine и _hyperscript.
• Используйте JavaScript API htmx для упрощения операций с DOM.
• Сделайте свои веб-приложения более безопасными: экранируйте данные, предоставляемые пользователем, используйте хеши Subresource Integrity и обеспечьте выполнение Политики Безопасности Контента (Content Security Policy).
• Расширьте возможности за пределы базового паттерна HTTP-запрос/ответ с помощью WebSockets и событий, отправляемых сервером.