Consider using HTMX instead of React

[php-coder]

We should evaluate HTMX (https://htmx.org) and if it's good, let's use it instead of React (see #1328), our own jQuery code (see also #1211) and axios (#1497).

Useful links:

• https://www.dev-notes.ru/articles/javascript/htmx-introduction/ 🇷🇺 (htmx-indicator might be useful)
• https://htmx.org/extensions/loading-states/ data-loading-disable
• https://htmx.org/extensions/json-enc/ json-enc
• https://htmx.org/extensions/response-targets/
• https://htmx.org/extensions/include-vals/
• https://htmx.org/extensions/client-side-templates/
• https://dev.to/yosephtenaw/use-htmx-with-spring-boot-and-thymeleaf-18g9 (pinboard)
• https://refine.dev/blog/what-is-htmx/
• commands:
  • https://htmx.org/attributes/hx-swap/
  • https://htmx.org/attributes/hx-target/
  • https://htmx.org/attributes/hx-select-oob/
  • https://htmx.org/attributes/hx-disabled-elt/
  • https://htmx.org/attributes/hx-headers/
  • https://htmx.org/attributes/hx-patch/

TODO:

• port AddCommentForm
  • close AddCommentForm: add tests #1489
  • close Use toHaveErrorMessage() or toHaveDescription() for checking error messages #1500
  • close Configure MethodValidationPostProcessor to use messages from ValidationMessages.properties #1544
  • use or remove code for handling /comment from RestSeriesController.updateSeries()
  • submit data on a server, get a response and update a page
  • disable submit button during a server request (see hx-disabled-elt)
  • show field's errors
  • show global errors (listen for htmx:responseError event)
  • deal with CSP (FF: Content Security Policy: Параметры страницы зарегистрировали загрузку ресурса на inline («style-src»). Был отправлен отчёт CSP. Source: .htmx-indicator{opacity:0} .htmx-request .htmx-indicator{opacity:1; transition: opacity 200ms ease-in;} .htmx-request.htmx-indicator{opacity:1; transition: opacity 200ms ease-in;}
  • check how admin sees multiple comments (todo from code)
  • pull up fix for highlighting a form-group instead of a whole form
• port AddCatalogNumbersForm.js
  • close AddCatalogNumbersForm: add tests #1488
  • submit data on a server
  • update a page from a response
    • find a way to update a page without full reload (extracted into AddCatalogNumbersForm: update a page without full reload #1750)
  • disable submit button during a server request
  • show field's errors
  • show global errors
  • extract renaming id:numbers-catalog-name => id:catalog-name
  • register StringTrimmerEditor for all String values
  • clear out a field with numbers after submission
• port AddCatalogPriceForm.js
  • close AddCatalogPriceForm: add tests #1487
  • remove old form
  • add form
  • fix markup (for server rendering and for prototype)
  • submit data on a server, get a response and update a page
  • show field's errors
    • re-render a selected value
    • fix currency sign choosing on error
  • show global errors
  • check that AddCatalogPriceForm: consider using a tooltip for currency #1394 has been migrated successfully
  • check that Update series: add validation for a price #1434 has been migrated successfully
  • pull up fix for highlighting a form-group instead of a whole form
• port AddReleaseYearForm.js
  • close AddReleaseYearForm: add tests #1491
  • remove old form
  • add form
  • fix markup (for server rendering and for prototype)
  • submit data on a server, get a response and update a page
  • show field's errors
  • show global errors
• port HideImageForm.js
  • close HideImageForm: add tests #1543
  • remove old form
  • add form
  • fix markup (for server rendering and for prototype)
  • submit data on a server, get a response and update a page
  • show field's errors
  • show global errors
• port SeriesSaleImportForm.js
  • close SeriesSaleImportForm: add tests #1073
  • close SeriesSaleImportForm: wait until setState() finishes #1074
  • remove old form
  • add form
  • fix markup (for server rendering and for prototype)
  • submit data on a server, get a response and update a page
  • show field's errors
  • show global errors
• port SeriesSalesList.js
  • close SeriesSalesList: add tests #1490
  • remove old form
  • add form
  • fix markup (for server rendering and for prototype)
  • submit data on a server, get a response and update a page
  • show field's errors
  • show global errors
  • remove USE_REACT togglz feature
• port SimilarSeriesForm.js
  • close SimilarSeriesForm: add tests #1317
  • remove old form
  • add form
  • fix markup (for server rendering and for prototype)
  • submit data on a server, get a response and update a page
  • show field's errors
  • show global errors
• remove RestSeriesController
  • Update series: add validation for catalog numbers #1437
    • move comment from RestSeriesController to AddCatalogNumbersForm
    • fix
  • Update series: add validation for a price #1434
    • move comment from RestSeriesController to AddCatalogPriceForm
    • fix
  • close Update series: add validation for a release year #1424
  • close Update series: properly fail on non-supported operations #1412
  • close Update series: properly fail on invalid path #1413
• improve security configuration
  • https://htmx.org/docs/#htmx-security-tools
  • https://htmx.org/essays/web-security-basics-with-htmx/
• add loading indicator
• revert id renaming (7ee6328)
• consider using animation for element's removal and appending
• consider disabling requests caching (by sending Cache-Control: no-store header)
• remove react dependency
• remove axios dependency (it was a workaround for FetchAPI and htmlunit and we don't need it at all now)
• consider removing: jquery, jest, babel, webpack, frontend-maven-plugin (altogether with frontend maven profile), togglz
• unbreak integration tests and decide how to proceed (extracted into Fix integration tests because of unsupported HTMX in htmlunit #1749 )
• consider setting CSRF token globally (see https://github.com/wimdeblauwe/htmx-spring-boot/issues/36#issuecomment-1497169466)
• return 422 for failed validation