#17.4 Live Search with React | Pagination | React search component | Search tutorial example

Live Search with React | React search api | React search component | React search tutorial | React search form | react search filter | react search list | react search filter tutorial | react search filter component | react search filter json | react search box | react search page example | react pagination example | react pagination from scratch | react pagination server side | react pagination animation | react pagination server side | react-live-search | react-live-search-with-axios | instant search | elastic search

******* CURRENT PLAYLIST ******

******* PLEASE STAR MY REPO TO SUPPORT ME ******

******* Blog ******

******* Social Links ********

Please follow 🙏

Twitter - @imranhsayed

Github - imranhsayed

******* Other Playlist ******

==== REACT TUTORIALS ====

==== REDUX TUTORIALS ====

==== REACT WITH WORDPRESS TUTORIALS ====

==== WEBPACK TUTORIALS ====

Babel Introduction

Webpack Installation

[muchamaddestafadilah]

Thank Imran. Your tutorial is easy listening.

[humbertoromanojr]

Imran Sayed

Congratulations on the video, I learned a lot because you had a good didactic and explained very simply, the web needs more videos like that, thank you very much for sharing your knowledge to the community.

[andersbraathen]

Another idea: When you have a search list. How to click on one item in the list and get the data from that specific object, and how to use that data to store in database or how to put that data on a web page.

[andersbraathen]

Great video! I used this to make API calls to a database that lists businesses. However the search query is unacurate, I can`t find the business I`m looking for. Is there a way to make the search query accurate so that my query matches the results on page 1? So you don`t have to scroll through many pages to find the right one. Also a video on how to take data from external API and store it in a Mongoose database, and how to insert that data into the home page would be usefull! Thanks again!

[pavanmshetty]

Bro can u implement when search result more than 10 load more infinet scroll

[quadirumar]

Hi Imran .. I am getting error when i am passing event like this :


handlePrevClick = { ()=> this.handlePageClick('prev', event) } // i am getting error here


and my function is below : handlePageClick=(type )=>{
event.preventDefault(); // I am getting error here
}


ERROR is - Unexpected use of 'event' no-restricted-globals

[bismuthae]

wonderful video!!!
So, please, How do you leave the first page already loaded ?

[devbuilt]

Great Video, Imran Sayed how do you minimize the number of results? I'm pulling data from restful API odmbapi.com it has rate limit of 20 results per request.

[duongletrung]

how to get data on heroku or another server to be able to create pagination and live search so pro