How to perform live search in Django, DRF & React js with the useDebounce hook

Learn how to perform live search in Django, DRF & React js with the useDebounce hook

In this tutorial we'll create a simple API for posts, which next will be fetched by our frontend app written in React js. Then we'll add filtering functionality based on the search input. Finally to limit the number of requests send to the API we will use a custom React hook called useDebounce

🔥 Join the Facebook group:

🔥 Follow pyplane on:

🔥 More on python and django:

#django #pythonprogramming #reactjstutorial

django 4, react js tutorial, react js, search filter, django rest framework, django live search, live search in django, live search django javascript, search bar in react js, reactjs tutorial, react tutorial, django and react js, learn react js 2022, learn react js, rest framework api django, rest framework project, reactjs tutorial for beginners, react js beginner guide, search bar in react js example

[rough]

That's really simple yet so informative! Nice video man

[cryptosimon]

amazing video!! I love DRF and React now

[lfctimes]

Great one. Is it possible to make a tutorial of pagination api call? like ?page=1 with count, next, previous? (dynamic).. Similar to how dynamic search api was.. Thank you.

[mackas]

Thanks for the video. Is it possible a tutorial on how to save the image to the database after resizing it in Django without mediafiles?

[hakimdz]

how python cx_oracle dump database to file??? plz

[devstuff]

What's th ediffernce between what you did and this:
class
queryset = Product.objects.all()
serializer_class = ProductSerializer
filter_backends = [filters.SearchFilter]
search_fields = ['^name']