CRUD Application Using React JS, .NET Core & SQL Server Part 3(Create Crud Form in React)

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 make a 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

We will create a React form and we will use the latest version of React js and asp.net core 6

CRUD APPLICATION PLAYLIST:
https://www.youtube.com/playlist?list=PLe4zWPcKUz5ZhBzvv3MVKez9dOkhDz-1r

Packages:
microsoft.entityframeworkcore.tools
microsoft.entityframeworkcore.sqlserver
microsoft.entityframeworkcore
microsoft.aspnetcore.mvc.cors





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:
import 'bootstrap/dist/css/bootstrap.min.css';

Sweetalert:
https://codeflarelimited.com/blog/complete-sweet-alert-tutorial-with-react-js/

https://github.com/sweetalert2/sweetalert2-react-content

npm install sweetalert2

React Icon:
https://react-icons.github.io/react-icons/
FaPencilAlt
FaTrashAlt

React Bootstrap Documentation:
https://react-bootstrap.github.io/getting-started/introduction

IDE Download Link:
https://code.visualstudio.com/

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
Create React js Project : 00:00:28
Install Package using command : 00:01:16
Create Component : 00:01:16
Start creating Add form UI: 00:02:16
Check add form UI: 00:06:21
Create List of student table : 00:08:15
Create Edit Model form : 00:13:34
Create Onclick Modal Open Function : 00:17:49

Checking UI Final Result: 00:24:28


Next Part Information: 00:24:36

END: 00:24:54


Share, Support, Like & Subscribe Now :

Youtube ? : / LetsCodewithRaja
Instagram ? : /Raja_Chohan13

Facebook ? : https://facebook.com/rajput_raghani


⭐️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
crud operations in asp.net core
Entity framework core crud
entity framework
asp.net core web application with entity framework core
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
asp.net 6 api
asp.net 6 web api
asp.net api
asp.net api crud
asp.net api tutorial
asp.net core api
asp.net core api crud
asp.net core api entity framework
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 asp.net core
rest api c#
Add Form
Modal
Bootstrap Modal

Thanks for watching. ?? ??