Jeremy McPeak's Larabits - HTMX May Be All You Need

Рет қаралды 10,823

Күн бұрын

HTMX is an excellent new tool that simplifies the process of building modern user interfaces. Using nothing but HTML attributes, it provides instant access to AJAX, CSS transitions, WebSockets, and more. Hi, I'm Jeremy. In this bit, we will build a search form that includes paginated results... using nothing but HTMX!
Watch Full Larabits Series on: laracasts.com/bits?teacher=jw...
Watch thousands of videos, track your progress, and participate in a massive Laravel community at Laracasts.com.
Laracasts: laracasts.com
Laracasts Twitter: / laracasts
Jeffrey Way Twitter: / jeffrey_way

Пікірлер: 40

@shofada 4 ай бұрын

HTMX is just so sweet, makes sense, and feels like "this is how it should have been from the beginning". I haven't needed anything else since I started using HTMX.

@horacesniper 4 ай бұрын

Never seen a video of Jeremy McPeak before. What a pleasant way of explaining!

@kellymjones41 4 ай бұрын

I really like Jeremy's presentation style. Very understandable, simple, and clear.

@spartan_j117 4 ай бұрын

So practical and useful introduction on HTMX. The best among what I've seen. That's what oldschool means in conjunction with the true pro teacher. Envato was a place where I started my web-dev, and programming in general, journey more than a decade ago. I'm glad to see and hear Jeremy again and get some knowledge.

@AGAU1022 4 ай бұрын

Even if it's not all you need, it's an html extension library, so it can be used with basically any other tech.

@SalakotPhilippines 4 ай бұрын

Thank you Laracast for teaching while demonstrating it to us.

28 күн бұрын

it make sense for me in so many simple cases!

@JohnnyBigodes 4 ай бұрын

Good HTMX presentation from a guy with a great voice. 👍

@juann268 2 ай бұрын

Your delivery is excellent.

@andywhit333 4 ай бұрын

Excellent video! Jeremy has a great, pleasant personality

@QuintessentialDio 4 ай бұрын

Thanks for this, I've been thinking about whether to use it or just doing react only, now I think I'm much more inclined to using it

@rianarfiandi5013 4 ай бұрын

thanks Jeremy, great video!

@salehalnaggar7926 2 ай бұрын

Please more videos of HTMX with Laravel ❤

@MrPatishpanj 4 ай бұрын

Server side rendering is OP

@ivan.jeremic 4 ай бұрын

JSON let's you communicate to many clients/apps HTMX only to the Browser, so if you are building only for the Browser htmx is sweet.

@HumanoAI 4 ай бұрын

Intercooler was HTMX since 2013, Ajax can accomplish similar things but htmx sets up shorthand calls. There are some github security arguments suggests using an hx-disable attribute and a .htmx-disabled class to flag parts of the DOM for non-execution/processing,. Very easy to work with, but they say for complex projects you revert to react. I think with ai you can strip unneeded code in frameworks, that tree shaking can’t fully dispose of, generating scripts to fit specific needs. 2023 it landed in 10 spot let see if it climbs.

@SleepyChoco 2 ай бұрын

Amazing

@tiggatie 4 ай бұрын

Do I need to reinitiate third party plugins after the render

@stevemccauley 4 ай бұрын

Nice video, thanks for that. Please don't take this the wrong way, but here are a couple of suggestions ... you can say "the inside of the vehicle was trashed", and you can say "it was inside the vehicle", but you seem to keep mixing the two together ... "put it inside of the ..." should be "put it inside the ...". Also, it's "padgination" not "paygination". That section was a real killer to listen to. But that was otherwise a great video, I'll watch out for your other videos! :)

@Programming-Fun-With-Hima 2 ай бұрын

Jeremy McPeak ❤

@ComputerProgramming-ig9kn 4 ай бұрын

what other tools you use with laravel?

@Mr.science007 4 ай бұрын

how do you handle reactivity of data that is changed on the browser? like the basic react and vue example of a counter?

@bn5055 4 ай бұрын

The emerging stack I've seen most of is AHA - Astro (for build and server operations), HTMX, and Alpine. The latter being what you'd use for "front end" things like toggling menus and other reactive things.

@monstercameron 4 ай бұрын

server sent event, send a hx-trigger event to the client and have parts that need to react listen with a hx-trigger attribute. more complex than that you need javascript.

@user-gu6xv7kg4v 4 ай бұрын

You sound like traversy media it is soothing

@kylesvoid 4 ай бұрын

Welp time to rewrite my project again!

@AnggaNegara Ай бұрын

I hate to be that guy but can you please share your VS code theme? it's similar to VScode Carbon theme but some colors were different. Appreciate the answer!

@MarkVolkmann 4 ай бұрын

It would make sense for “pagination” to be pronounced like that, but I’ve never heard it like that before.

@ivan.jeremic 4 ай бұрын

Would make sense to add a timestamp so we all can hear it.

@MarkVolkmann 4 ай бұрын

@@ivan.jeremic One example is around 10:30.

@lancemarchetti8673 4 ай бұрын

Cool, but I can't build with HTMX offline.

@SebastianPerezG 4 ай бұрын

Ajax did the same .... many years ago. we can call it , a Fancy Ajax ?

@KarSlon1 4 ай бұрын

It will kill all React/Angular/Vue domain...

@chrisc2503 4 ай бұрын

No, it will not. It can't come even close to what Nuxt/Next frameworks can do.

@ivan.jeremic 4 ай бұрын

if you are building only for the browser htmx is a nice tool you can have fun with, but you can't expect mobile/tv/car operating systems to read HTML responses instead of JSON.

@simonkalu 5 күн бұрын

@@ivan.jeremic HTMX is not HTML

@bobbiesbits9028 4 ай бұрын

Meh.

@rahulhaque9512 4 ай бұрын

Just curious, why though?

@ivan.jeremic 4 ай бұрын

@@rahulhaque9512 if you are building only for the browser htmx is a nice tool you can have fun with, but you can't expect mobile/tv/car operating systems to read HTML responses instead of JSON.