DEV Community

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

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)