CRUD Application Using React JS, .NET Core & SQL Server Part 4(Inserting & Fetching Data from Api)

CREATE CRUD APPLICATION USING REACT JS, .NET CORE 6 API+ENTITY FRAMEWORK+CODE FIRST APPROCH & SQL SERVER

In this tutorial, we will learn how to save & fetch data in this Crud based Form using ASP.NET Core 6.0
we will create Form of add & Edit then delete functionality also added and list of student will be shown

CRUD APPLICATION PLAYLIST:

Packages:

Command For Migration:
Add-Migration anyname
update-database

Command for React JS:
npm install react-bootstrap bootstrap
npm i axios
npm start
npm i axios
npm install react-icons --save

IMPORT USE IN PROJECT:

Sweetalert:

npm install sweetalert2

React Icon:
FaPencilAlt
FaTrashAlt

React Bootstrap Documentation:

IDE Download Link:

CRUD Operations,Entity Framework Core,Authentication,Authorization

By the end of this video, we will learn all the steps
CRUD stands for Create, Read, Update and Delete.

Chapters :

Introduction : 00:00:00
Call Onchange function on Add form to Get Data:00:00:21
Create usestate function to get value from form : 00:02:26
Install axios packages : 00:05:19
Create Handlesave function: 00:05:52
Create Ishandleactive function: 00:12:14
Checking Save(Adding) functionality: 00:13:35
Create Getdata function for fetching data: 00:14:32
Show Fetched Data on table using Map : 00:17:40

Badge add for active & inactive status: 00:23:43
Checking Final Result:00:25:26

Next Part Information: 00:25:31

END: 00:25:40

Share, Support, Like & Subscribe Now :

Youtube 🎥 : / LetsCodewithRaja
Instagram 📷 : /Raja_Chohan13

⭐️Tags : ⭐️
#reactjs
#reactform
#crudoperations
#restapicrud
#entityframework
#entityframeworkcore
#aspnetcorewebapi
#reactbootstrap
#codefirst
#netcoremvc
#netcore6

⭐️ Topics are covered as follows : ⭐️
CHATGPT
OPENAI
RESTAPI
React Form
ASP.NET core web api
rest api .net core
rest api Asp.Net Core
rest api demo
rest api crud operations
Entity framework core crud
entity framework
EF core crud
Rest api C#
Rest api tutorial
Code First Approch

.net 6 api
.net 6 web api
C# api
api c#
asp net core web api
aspnet core web api
dotnet core web api
dotnet core web api tutorial
entity framework
entity framework c#
rest api c#
Add Form
Modal
Bootstrap Modal

Thanks for watching. 😊😊 🙏🙏

[asispkrl]

Thank you sir ...i am waiting next part ..

[SlivaSays]

please make a application in which Parents can restrict food for student ( Food add to cart app) react js