Build React CRUD Admin panel with Ant Design | Refine Tutorial | React Admin Crash Course

In this video we will build a React admin panel for a Content Management system app. We will learn how to consume Rest API and add CRUD functionality using Refine which is a react based framework and we will also use Ant design components with refine for designing our admin panel. ⭐️ Refine - React Framework⭐️ Refine is a 100% open-source, headless React framework for CRUD apps, So you can quickly build internal tools, admin panels, and dashboards while remaining flexible. GitHub: https://github.com/refinedev/refine ⭐️ Support my channel⭐️ https://www.buymeacoffee.com/dipeshmalvia ⭐️ Tutorial reference links⭐️ Example source code: https://github.com/refinedev/refine/tree/next/examples/tutorial/antd Example tutorial: https://refine.dev/docs/tutorials/ant-design-tutorial/ 🔥 Video contents... ENJOY 👇 0:00:00 - Intro 0:00:24 - Project Demo 0:02:44 - Refine Overview 0:04:04 - Project Setup with Superplate-cli 0:05:50 - Bootstrapping the Application 0:08:40 - Fake Rest API 0:09:19 - Adding Resources 0:11:01 - Create pages & Interfaces 0:14:46 - Creating a List Page 0:17:04 - Handling Relationships 0:20:40 - Adding Search & Filters 0:23:19 - Showing a Single Record 0:25:50 - Editing a Record 0:27:56 - Creating a Record 0:29:11 - Deleting a Record 0:31:10 - Outro ⭐️ React Roadmap for Developers ⭐️ How to Learn React JS ? - https://youtu.be/06yVj8pcO5c React in One Project - https://youtu.be/0riHps91AzE React Redux Toolkit Tutorial - https://youtu.be/EnIRyNT2PMI Learn React Redux with Project - https://youtu.be/0W6i5LYKCSI What is Redux ? - https://youtu.be/qNjNn9BCWCc Learn React Redux Thunk with Project - https://youtu.be/JDZRfLGNWdc Learn React Hooks - https://youtu.be/hJ5UEtdS8qE ⭐️ JavaScript ⭐️ 🔗 JavaScript Crash Course - https://youtu.be/sptS-bgg8Ro 🔗 Async Await in JavaScript Tutorial - https://youtu.be/sLyKb_MPCbk 🔗 Async JavaScript Promises Tutorial - https://youtu.be/JvV4Rz2PpzA 🔗 Async JavaScript Callback Functions - https://youtu.be/1zeuvEvw5uw 🔗 Async Vs Sync Programming - https://youtu.be/oesicy3CcXE 🔗 Social Medias 🔗 Twitter: https://twitter.com/IMDmalvia Facebook: https://www.facebook.com/programmingwithdipesh Instagram: https://www.instagram.com/dipeshmalvia LinkedIn: https://www.linkedin.com/in/dmalvia/ ⭐️ Tags ⭐️ - React CRUD Admin Panel - Build React Admin App From Scratch - React CRUD Admin Panel Tutorial - How to Build Admin Panel in React.js ⭐️ Hashtags ⭐️ #react #admin #beginners #tutorial Disclaimer: It doesn't feel good to have a disclaimer in every video but this is how the world is right now. All videos are for educational purposes and use them wisely. Any video may have a slight mistake, please make decisions based on your research. This video is not forcing anything on you.