Hyperscript - Interactively Searching Web Content!

[@geetcyberlab5108]

Am still waiting for the Banking API dev tutorial using Django-Ninja..❤🎉😊😊😊 thanks for the great work.

[@bugbytes3923]

Thanks a lot!

[@seydinaoumarsamabaly1806]

Wow another easy way to do it. Just awsome, thank you for all Mate and Happy New Year 2024.

[@bugbytes3923]

Thanks as always mate, happy new year!

[@AmoahDevLabs]

Great. Sprinkling favours onto hml is really useful.

[@bugbytes3923]

Very useful indeed - thanks for commenting!

[@geetcyberlab5108]

🎉 Happy New years ⛄ thanks for making my Job easy through your tutorials...

[@bugbytes3923]

Thank you - happy new year!

[@IbrahimFox1994]

Thanks, your tutorials are great as always!

[@bugbytes3923]

Thanks a lot! Appreciate the comment!

[@myoji5580]

This method seems to be a simple way to process requests without having to process them from the client to the server. I think it is a disadvantage because it does not search all data because it searches only the content that the client already has. I think you need to use HTMX to communicate with the server to actually get the data you want. Also, the example only has less than 10 lines of data, so I have doubts about how to use it. Also, the content on pages 1, 2, and 3 cannot be loaded, so it seems to have limited use. In what environment is it best to use it? Could you explain how it compares to HTMX?

[@TheNerdyPlayer]

great video!

[@bugbytes3923]

Thanks for watching!

[@skyagnitti]

Excellent video! I've been learning fastapi, sqlmodel and htmx basically from your videos and they are extremely well done. Do you have the code for this page? love the select section on the right of the table but can't seem to figure that out. also I'm trying to work on the search going through only one column not the entire table. Keep up the great work bro!

[@Dogo.R]

functional lisp version: search field: (on textchange (filter #table my-value)) clear button: (set #search "") defn textchange: ... defn filter: ... defn set: ... defn on: ... Presumably some of these functions would be included, rather than you writting them yourself. But this allows for less coupling and easier readability. You also get free reusabily in the proccess. That example is an abomination in terms of decoupling and locality of behavior. I mean technically the behavior seems local. But to understand the full behavior you have to cross reference the other parts. So its not actually local. Unlike the version I showed, where things are decoupled and you dont need to look at the search field's code in order to understand what "trigger keyup on #search" does.

[@eduardabramovich1216]

please create a series of tutorials on writing a simple app with hyperscript. something like a portfolio or whatever you like.

[@repotranstech]

Great video as always.

[@bugbytes3923]

Thank you!

[@Peterstavrou]

Another incredible video! An advanced Hyperscript video would be handy 😉

[@bugbytes3923]

Thanks a lot Peter! Good suggestion, definitely need to do more Hyperscript!

[@MarkusGlavind]

Could this be implemented in a form? So a select field where you search for objects in a datalist?

[@kurshadqaya1684]

Thanks!

[@bugbytes3923]

@@kurshadqaya1684 thanks for watching!

[@repotranstech]

Will it work with paginated html data in django eg data in page 2.

[@bugbytes3923]

This technique will work with the data that's in the DOM at the time the user types the search query - so it would not work too well with a traditional paginated structure (if you're on page 2, only the items in page 2 will be filtered). I might try and show an example of how HTMX/Hyperscript could be used with pagination.

[@repotranstech]

That would be cool,such that when you go to the next page the such input is retained.

[@aafan.kuware]

​@@bugbytes3923 please make the same tutorial with htmx, I want to add search users and pagination, I was only able to implement the username already exist error using htmx 😅 I saw your django/htmx video #3 & #4 multiple time but unable to relate and implement in my case. thank you in advance.

[@PatrickSteil]

Holy crap. Awesome.

[@bugbytes3923]

Thanks a lot!

[@frameff9073]

thank you

[@bugbytes3923]

Thanks for watching!

[@alexdin1565]

please can you make videos about Htmx + django-filter

[@bugbytes3923]

There's a video here on this that might help: kzbin.info/www/bejne/a3jJhKeEnNOjgLs

[@khanra17]

Super boring & annoying audio

[@bugbytes3923]

Wow, thanks! 😂

[@ShawnThuris]

@@bugbytes3923I'm one of the pickiest viewers when it comes to audio, to the degree that I can't stand to watch most coding videos...his voice sounds fine to me.

[@PatrickSteil]

Disagree 💯