React Table App: List ECommerce Products For Sorting and Grouping

Bassir Jafarzadeh (Programming Teacher) - Aug 26 '21 - - Dev Community

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

. . . . . . . . . . . .
Terabox Video Player