How to Create an Instant Search Bar With Flask and HTMX

[@FirdausAziz]

Hi Anthony. Thanks for doing this. Please do more HTMX + HyperScript with Django or Flask.

[@prettyprinted]

I've been meaning to do a video on HyperScript. I'll see what I can do.

[@chriskeo392]

Its been 9 months since i been here
Need more!

[@goonbreathfpv]

This is exactly what I wanted to see. You have earned another subscriber

[@karlduckett]

Great. Love your flask tutorials.

[@prettyprinted]

Thanks for watching!

[@StuartWoodwardJP]

Thanks! This is exactly what I wanted to know.

[@SlawcioD]

Hi Anthony. THX for your work. Do You have an idea how to paginate active search results? thanks in advance ;)

[@acrofil1]

I would love to see some examples like this one for flask/django: adding new input/select fields dynamicaly on button click or on change without page reload using Wtforms and jinja

[@chriskeo392]

Finally flask htmx series!

[@prettyprinted]

Thanks for watching!

[@chriskeo392]

Anymore flask htmx videos coming soon?

[@teclote]

Wow, amazing, thank you. How to insert an anchor tag into one of the returned fields, so I can click and go to an Edit-Record page? For example, on a "record_id" field.

[@alexbalak7558]

Great Vidéo as always, love your content learned a lot with it.

[@prettyprinted]

Glad my videos have helped!

[@pintokatendejonathan1740]

You are the best

[@prettyprinted]

Thanks for watching!

[@chuisthename]

ty sir you just saved my BA 😂

[@Beowolf7308]

Great video, just one question where did you get the data for this video?

[@prettyprinted]

I got it from here: github.com/HipsterVizNinja/random-data/tree/main/Music/hot-100

[@adamjohnantonio]

This is awesome - great tutorial as always. Just curious, is there any way to prevent a user from directly accessing the /search route in the browser?

[@prettyprinted]

The only think of is adding a token to the request that verifies the request came from your generate page instead of people typed directly into the url. This token can expire after a few minutes so the user can't use it whenever they want.

[@numberformat]

Reminds me of Java Server Faces (JSF)

[@pakistanichanda]

Please make tutorial for htmx flask load more , thanks

[@prettyprinted]

I will definitely consider that. Thanks for the idea.

[@SkySesshomaru]

pretty cool!

[@prettyprinted]

Thanks for watching!

[@jimratliff]

I’m glad to see you doing an htmx tutorial! I’ve gotten very interested in that technology. I know that in Django there are extensions to make working with htmx easier. Is there anything Flask specific for working with htmx?

[@esma3el5551]

Flask-htmx

[@jimratliff]

@@esma3el5551 Thanks so much! In retrospect, the package name is pretty obvious 😉, but I was unaware of it.

[@timmanning9]

So, there is no API in this example?

[@prettyprinted]

The search endpoint would act in the same way as a regular JSON search API would in a typical JavaScript example.

[@arshiaa104]

tnx man

[@user-pw5do6tu7i]

im new to sqlite, struggling a bit to get things started. im sure its obvious if you know what you are doing but i have no clue lol

[@user-pw5do6tu7i]

figured it out, great vid!

[@user-pw5do6tu7i]

insanely great vid!

[@S-Lomar]

💕💕💕💕💕💕💕💕💕

[@andregirardifarhat]

volume audio too low :(