Spring Boot + HTMX = простой полный стек

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

Репозиторий GitHub рассматривается в видео:
https://github.com/wiverson/htmx-demo

Секрет заключается в объединении фрагментов Thymeleaf и htmx.org — просто добавив несколько атрибутов htmx и вернув фрагменты HTML Thymeleaf, ваше веб-приложение станет динамичным.

Показаны многие распространённые шаблоны пользовательского интерфейса, включая бесконечную прокрутку, мгновенную загрузку файлов и многое другое. Создавать динамические веб-сайты на Java ещё никогда не было так просто.

Рассматриваемые технологии:
Spring Boot, Maven, Thymeleaf, HTMX, HyperScript, WebJars, npm через WebJars и многое другое.

Содержание:

01:03 — Что такое HTMX?
03:31 — Пример проекта GitHub
04:30 — Пример запуска ToDo
06:15 — Обзор Maven pom.xml
07:36 — WebJar-файлы для доступа к модулям NPM
10:03 — Обзор кода Spring Boot
13:26 — Фрагменты Thymeleaf
19:24 — Что такое HyperScript?
21:53 — Множество демонстраций HTMX
22:49 — Демонстрация бесконечной прокрутки
23:45 — Пример шаблона Handlebars
25:04 — Демонстрация каталога входных данных