ReactJS CRUD Full Stack Application Using Asp.Net Core Web API + Entity Framework + SQL Server

Veröffentlicht am: 26 Dezember 2023
auf dem Kanal: OpenEducation
36,918
545

#reactjs #aspnetcore In this video tutorial, you will learn how to create a simple CRUD application using React and asp.net core web API with great detail. Video is long as we have explained the each line in detail for beginners. This covers full stack asp.net core ReactJS solution as the project have frontend, backend and database components.

Asp.net core 5 is used in this tutorial, but it will work same way in newer asp.net core 6 and 7. Entity Framework Core is used with SQL Server as database.

We are using the Advance ReactJS multi-select dropdown which gives the UI a good modern feel.
We will also use file upload in asp.net core WebAPI in this project.

Table of contents:
0:00 Intro & Demo of application
3:12 Technologies used
5:12 Creating asp.net web API project
25:35 Check Database in Visual Studio
26:30 Running EF Core migration
35:09 Adding First API endpoint with paging support - Get all movies
51:03 HTTP POST API with ViewModel for adding a movie
1:39:08 Creating Actor API
2:03:03 Add Auto-Mapper
2:23:43 Image file upload API
3:03:00 Creating React JS Frontend
4:44:13 React Multi-Select Functionality
5:31:50 Creating Movie Detail Page
6:00:19 Creating Actor management screen
6:22:33 Creating Actor detail page

Tags:
#reactjscrud
#.netcorewebapicrud
#entityframework #fullstack

ASP.NET core web api
rest api Asp.Net Core
asp.net core web application with entity framework core
rest api crud operations
crud operations in asp.net core
entity framework
Entity framework core crud
EF core crud
Rest api C#
Rest api tutorial

Asp.Net Core Web API CRUD Operations
How to build Web API with Asp.Net Core
Angular 11 CRUD with Asp.Net Core 5
Asp.Net Core Web API CRUD with Entity Framework Core and SQL Server
.Net Core 5 EF Core CRUD using Code First
React with .Net Core Web API
Enable CORS in Asp.Net Core Web App
Insert Update and Delete in .Net Core Web API
Asp.Net CRUD with latest react


Auf dieser Seite können Sie das Online-Video ReactJS CRUD Full Stack Application Using Asp.Net Core Web API + Entity Framework + SQL Server mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer OpenEducation 26 Dezember 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 36,918 Mal angesehen und es wurde von 545 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!