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.

Видео Build React CRUD Admin panel with Ant Design | Refine Tutorial | React Admin Crash Course канала Dipesh Malvia