Create a Table in React | Learn how to view, add, delete and edit rows in a table from Scratch

Learn how to create a table in React by creating a contact list app

🚨 LINKS:

🚨 Chapters:

0:00 What we'll build
0:16 Table with static data
3:01 Dynamically render rows based on data
7:27 Add a row using a form
17:47 Inline edit a row
45:32 Delete a row

🚨 Come say Hello!

[nik]

Extremely practical content...! The content that actually new reactjs learner want! Thank you! Loved it!

[Pareshbpatel]

CRUD on Table in React. Beautifully explained. Thank you.

{2021-12-18] - {2021-12-21} {2022-02-23}

[vasifmammadov]

To make a simple explanation is always harder than a complex explanation. Unfortunately, understanding a simple explanation is easier than a complex explanation. It was the simplest explanation I have ever seen on youtube. Thank you.

[KyleKatarn]

Very nice tutorial. I appreciate you're one of the few people who teach what I think is the best way of passing state change down into child components, by creating event handlers instead of just straight up passing the setState down into the child component

[mr]

Very elegant coding and clearly explained! I am writing to express my gratittude for this invaluable lesson regarding the topic.

[sougataganguly]

every mentor should watch this...how to make a good content and practical content .This is lit..

[nelliecrocker]

This was one of the most helpful videos I've watched regarding React, props, and so many other things. THANK YOU. My only question is how to link this up with a local server and use PUT and DELETE to modify the data in the server?

[zeeshanbanedar]

I have watched many video, but your way of explanation is great, Extremally Helpful

[vishwajitnalawade]

Thank You So Much. Was struggling to implement Inline Edit for the last 2 days. Very Helpful

[kuddam]

This what I'm looking for last one week... Thanks bro... Really too good... I'm using yours code.

[ishinikiridena]

Helped me with my project, easy to add axios calls with params as well when using states like this. Hats off👏🏼

[nasa-eemadadam]

Thanks Chris, This is what I looking for 😊

[deepanshsingh]

Thank You Very Much.

This is the best video to get a basic understanding on how things work in react.

[Vinodkumar]

Thanks to @ Chris Blakely for the great video. Can you please tell me * How to clear add form after submit *

[nnnabbot]

Many thanks to the author. In fact, I do not speak English well, but I understood all the material.

[fastscript]

this tutorial is so awesome, i learn how to manage state fluently

[bravooh]

just started react. like the style of ur explanations

[marcus]

Your videos are excellent. Very thought-through and fantastic explanations to understand things clearly. Thank you very much and keep up the fabulous work. :) XD

[Zack-txoz]

Hi, Chris!

I've greatly enjoyed your video, and by far this was one of the most helpful videos on creating a table in React that uses CRUD. It helped that you explained what some lines of codes were for. I'll definitely be referring to you again!

Thank you, and much appreciated!

[shanmugavalliganesan]

Thank you so much
Chris Blakely. Well pragmatically presented, easy to understand and follow. Tutorial is well structured. Once again Thank you :)