React Table App: List ECommerce Products For Sorting and Grouping
Bassir Jafarzadeh (Programming Teacher)

Bassir Jafarzadeh (Programming Teacher) @basir

About: I am a senior developer with 15 years of coding in international companies like ROI Vision in Montreal. For the last 4 years, I have been teaching programming to more than 100 successful students.

Location:
Montreal
Joined:
Dec 2, 2018

React Table App: List ECommerce Products For Sorting and Grouping

Publish Date: Aug 26 '21
4 0

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

Comments 0 total

    Add comment