Тёмный

Modern frontends with Thymeleaf and htmx by Wim Deblauwe 

Devoxx
Подписаться 158 тыс.
Просмотров 12 тыс.
50% 1

Frontend development is getting more and more complex when using JavaScript frameworks like Angular or React. On top of that, the landscape is also rapidly changing. Developers claim that this is needed to build the highly interactive web experiences we all come to know and like. However, that is not true. This talk will show how you can use the productive combination of Java 17, Spring Boot, Thymeleaf, and the htmx JavaScript library to build such experiences without writing JavaScript. Adding a few attributes to your HTML will allow you to implement patterns like Click To Edit, Endless Scrolling, Lazy Loading, etc…
You might think that you need to start your new project with a JavaScript framework because you “might need that interactivity” later. This talk will show that you can use htmx to enhance your web application easily where it makes sense. For the rest of your application, use the simplicity and productivity of server-side rendering.
htmx is already making great strides in the PHP/Laravel and Python/Django world, it is time for the Java/Spring Boot world to embrace this as well.
Wim Deblauwe
Wim Deblauwe is a freelance Java developer with over twenty years of Java experience. He is the author of Taming Thymeleaf and has implemented many Thymeleaf projects, for companies ranging from startups to established companies.
------------------------------------------------------------
INTRO
* visuals & editing by @Mercator
* music : Avocado by Ephixa

Опубликовано:

 

12 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 16   
@pockpicket9360
@pockpicket9360 Год назад
Velocity and maintainability is back, great job
@jacuswoczega9180
@jacuswoczega9180 3 месяца назад
How many thinghs must be reverted back. That is the question
@KangoV
@KangoV 10 месяцев назад
Vet nice talk. Some new java code: var $ = ST; var name = "me"; var string = $."Hello \{name}"; Yes, string templating in native Java. No library needed !!!
@tobyzieglerrr
@tobyzieglerrr Год назад
I have never liked all the complexity added by JS Frameworks for frontends... Sure there are cases where this really adds value. But often this adds no real value and makes your tech stack overly complicated. I also have my issues with JS as a language. Of course this is personal preference, but at a higher level: We need to produce value for the customer, the company, for us... not being caught in a web of doing fancy stuff just to do fancy stuff. Many times i see the frontend stuff and think: Man i just want to render a page that shows XYZ, we dont need quantum physics for that.
@fulconandroadcone9488
@fulconandroadcone9488 8 месяцев назад
Well, JS was made to add interactivity to a page. HTMX seems to be the pinnacle of that idea. Next we need to add a similar standard to html speck and we won't even need JS. WASM is a better solution for client side render anyways with likes of React Nativ, Flutter, GTK and QT writen in proper languages
@franklinekibogojoel541
@franklinekibogojoel541 Год назад
HTMX, it is really nice, have used it in my project
@badpotato
@badpotato Год назад
it is really nice.. i wanted to know about thymeleag
@jerzykepinski
@jerzykepinski 8 месяцев назад
wow this is a veeery good presentation.....only the proper content, no unnecessary bs.
@laserlock6491
@laserlock6491 5 месяцев назад
Nice presentation! I will look into using this as opposed to using a separate front-end framework for my next (hobby) project.
@laserlock6491
@laserlock6491 5 месяцев назад
I have been playing around with the ttcli to bootstrap a project but the live reload is not working with IntelliJ Community Edition..
@pawemostek3587
@pawemostek3587 Год назад
Hi, interesting topic, I have question about UI state - how you handle it ? It must be stored on the backend right ? Where you store it exactly ? How does it impact backend performance ?
@GreyDeathVaccine
@GreyDeathVaccine Год назад
HTML can be your state 🙂 If you have log in button on your page this means you are not logged in. If you have delete button in data table this means you have permissions to do it. Just don't show delete button for people without permissions. Simple problems like these above can be handled this way.
@fulconandroadcone9488
@fulconandroadcone9488 8 месяцев назад
Cookies, you got to love haiting them. They manage client side state. Ideally you want your server to be stateless
@devtoro5601
@devtoro5601 3 месяца назад
learn lot, thx!
@jacuswoczega9180
@jacuswoczega9180 3 месяца назад
Returns new :)
@jNayden
@jNayden Год назад
it looks to me like JSF + RichFaces from the old days... at the end you just send AJAX and receive fragments that you replace. However it is basically jQUEYR (jquery template) the downside is there is no client side optimisations as I see..
Далее
HTMX, the anti JS framework (vs React)
7:17
Просмотров 71 тыс.
Spring Office Hours: S3E15 - Modern frontends with htmx
1:02:15
А на каком языке ты ДУМАЕШЬ?
00:57
Jeremy McPeak's Larabits - HTMX May Be All You Need
15:22
The lost art of software design by Simon Brown
50:25
Просмотров 26 тыс.
The Simplest Tech Stack
9:38
Просмотров 110 тыс.
You don't need a frontend framework
15:45
Просмотров 122 тыс.