Learn React by Building a Filterable Data Table with CRUD Operation using a REST API

Today we will learn React by me showing you how to build a filterable Data Table with complete CRUD(Create, Read, Update and Delete) operation. I also show you how to load the data from a remote server REST API service called JSON Place Holder, we also added search-filter functionality to the table. The table is designed using Bootstrap 5. We also made use of react-hooks and Axios to call the API from the server. The tutorial is beginner-friendly and easy to follow along. All you need is a basic knowledge of HTML, JavaScript and React. Chapters ------------------------ 0:00 - Introduction and project preview 04:10 - Table Design 11:15 - Consume API from JSON Placeholder 21:24 - Modal Pop-up Design 29:15 - Create Functionality to Add Post to Table 41:22 - Update Data Functionalilty 56:45 - Delete Data Functionality 1:00:12 - Implement Search-filter functionality 1:06:08 - Outro JSON placeholder Doc: 👉 https://jsonplaceholder.typicode.com Source Code Frontend: 👉https://github.com/desoga10/react-table Join my telegram community: 👉 https://t.me/thecodeangle For more resources on Web Development: 👉 https://thecodeangle.com/ Follow Me on Twitter: 👉 https://twitter.com/thecodeangle​ Leave a like and subscribe for more awesome tutorials. Thanks a lot for watching ❤