React Table App: List ECommerce Products For Sorting and Grouping
Bassir Jafarzadeh (Programming Teacher)
Posted on August 26, 2021
π 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
Posted on August 26, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.