DEV Community

Cover image for React Table App: List ECommerce Products For Sorting and Grouping
2

React Table App: List ECommerce Products For Sorting and Grouping

IMAGE ALT TEXT HERE

πŸ‘‰ Learning Video: https://youtu.be/3O2sbqjwEas
πŸ‘‰ Source Code: https://github.com/basir/react-table-app
πŸ‘‰ Demo App : https://basir.github.io/react-table-app

πŸ”₯ Build Full ECommerce Website Using My Free Course:
https://codingwithbasir.com/p/free-mern-ecommerce

In this episode of my coding series about ecommerce website tools and utilities, I'm going to introduce react-table package.

It is a package to build and design powerful datagrid experiences while retaining 100% control over markup and styles.

We are going to fetch sample products from a fake api and render them as datagrid with sorting and grouping capabilities.

Table Of Content
00:00 Introduction
00:34 1 Source and Demo
00:01:06 2 Create React App
00:03:39 3 Fetch Product From API
00:04:51 4 Define Table Columns
00:06:29 5 Create Product Table Component
00:07:38 6 Render Table
00:11:47 7 Check Result


Follow me on:
πŸ‘‰ Website: https://codingwithbasir.com
πŸ‘‰ Twitter: https://twitter.com/basrijd
πŸ‘‰ Linkedin: https://www.linkedin.com/in/basir-j
πŸ‘‰ Github: https://github.com/basir

Top comments (0)

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay