Custom React Table With Filter and Sorting - No Libraries

Learn how to create React Table without any libraries. You don't always need a library for React table. We will create a custom table with sorting in filtering and real API to fetch data.

TIMESTAMPS
0:00 Introduction
0:49 Fetching data for react table
4:06 Rendering table markup
9:56 React table sorting
16:52 React table filtering

FOLLOW ME

REFERENCES

STUFF I USE

Disclosures: All opinions are my own. Sponsors are acknowledged. Some links in the description are affiliate links that if you click on one of the product links, I’ll receive a commission at no additional cost to you. As an Amazon Associate I earn a small commission from qualifying purchases.

[ahsanahmed]

Your are doing very good work.
love from Bangladesh ....🙂🙂🙂

[zoki]

Thanks for this video, I've requested it few weeks ago.💚

[denisdezest]

Great video as always 😉

Just wondering if we may directly pass the parent state searchValue and related setter to the SearchBar component. This way the parent holds the state and related logic, and SearchBar does not need its own state.

Thanks again for your videos and keep up the good work 🙏

[hadricheaymen]

I have a problem. search bar dosn't let me type

[GeraldOfori-przt]

Thanks for this video. which editor how you using?? it is confusing to watch tutorials on.

[disgracefulsense]

Почему вы не сохраняете параметры фильтров в урле? Можно подробнее узнать, когда их сохранять, а когда не нужно

[kenzafilali]

hello is there any way to apply the sort on every column when we don't use an api simply when we are working on frontend thanks

[toohee]

Better to use .filter function rather than API directly, more fluid and more reactive

[kananfarzali]

using json-db is cheating. in real life you won't be able to use it. I wanted to see client-side sorting.