React Table App: List ECommerce Products For Sorting and Grouping

basir

Bassir Jafarzadeh (Programming Teacher)

Posted on August 26, 2021

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

πŸ’– πŸ’ͺ πŸ™… 🚩
basir
Bassir Jafarzadeh (Programming Teacher)

Posted on August 26, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related