Implement Search, Sort, Filter & Pagination using JSON Server in React

Hello Everyone, in this video we are going to see how we can implement searching. sorting, filterning & pagination feature with the help of JSON Server in our React App.

My Social Media Link

Please subscribe this channel for more awesome video on React & Redux Concept

[showrovdev]

BUNCH OF THANKS Brother for this amazing detailed video.
subscription done ...

[tomasburian]

This is a fantastic tutorial. Very useful for the real world practice!

[harrykang]

Thank you for sharing your knowledge...

[elhambgh]

Thank you so much for your video and sharing your knowledge

[johnhenrychibueze]

thanks a lot for the video, i have faced a problem when i use an actual backend API instead of the JSON server all the features such as pagination, filter, search and sort are no working, what can i do sir?

[vikrantavishwakarma]

Can you add react table (hook) server side pagination with each column filtering ?

[chiruvanapalli]

awesome boss, there is a small mistake when click next button index number is showing again from 1st for 5th row.

[wilmerpocaterrasulbaran]

thanks friend you have been very helpful

[kirandhapodkar]

How do I get filtered values or filtered counts from an MUI datagrid?

[dharmeshgohil]

one request how to check net connection is available or not when web start use this component i need it

[mdjuwelrana]

know what they tNice tutorialnk, and hopefully give so pointers. Thank you!

[ramvvram]

Hi can get data centralise then the data pass to pagination its make less code I think i am not sure thankyou for your Great tutorial

[zitansalehin]

Vishal you are great, keep going, just need to apply some strategy to get more viewers ❤

[learncode]

Bro I have 2 concerns in this project

1. In No column even after doing next why the numbers are showing the same 1 to 4 its not changing
2. Do next and then search even after searching one text its showing 2

[basithussain]

When you go to page 2, it starts counting with id 1.

How can we solve this problem? When we go to page 2, it starts counting from 4.

Thank you

[sindhuraa]

My requirement is to search from two columns is that possible? Please reply

[ravi]

Hi Vishal, i'm stuck with this error, Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app

[itsnitinks]

How to filter sort normally, without json server, .

[guneswarpothureddy]

Hi vishal can video on redux pagination with json/fakeapi

[sulemanahsan]

I'm not getting url endpoints that you provide in every request like ?sort= & _order= how you set these kindly explain a bit ?