Тёмный

Build app using React JS, .NET Core Web API and Microsoft SQL Server 

Art of Engineer
Подписаться 64 тыс.
Просмотров 63 тыс.
50% 1

Hello everyone.
In this tutorial, we will learn how to build a simple to do application from scratch using
React JS as front end, dot net core web API as backend, and microsoft SQL server as the database.
we will first install all the pre requisites.
then we will create the database and objects required for our app.
next we will create the backend project using dot net core web API.
and finally we will start creating the React project.

Опубликовано:

 

16 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 46   
@miguelcalderon3549
@miguelcalderon3549 8 месяцев назад
To the point, The whole skeleton in less than 30 minutes, !!! Thank you bro. !!!
@johnherrera5913
@johnherrera5913 11 месяцев назад
Master!! Awesome!! This is exactly what I was looking for. Thanks a lot! Please more content like this.
@marceloleoncaceres6826
@marceloleoncaceres6826 8 месяцев назад
Great example, thanks for sharing,
@CANIHAZURDREAMSPLS
@CANIHAZURDREAMSPLS 11 месяцев назад
Finally one that uses the cloud and not local DB. Thank you!!
@F-m.a
@F-m.a 7 месяцев назад
Where can I find one that uses local DB? I'm doing a practical test for a job application and I don't think a cloud server is needed
@imadabab
@imadabab 7 месяцев назад
Although I prefer Blazor more than any other frameworks or libraries, but this is a great video indeed. I subscribed long time ago. Thanks a lot.
@zawtunit
@zawtunit 28 дней назад
Thank you so much, short to the point... fantastic tutorial....
@Mediamahn
@Mediamahn Год назад
Great tutorial, exactly what I was looking for, thank you! I'm 99% following, except I'm getting an '[Object object]" message after clicking the 'Add Notes' button, though everything in my code looks the same as yours. Any thoughts?
@fehler9293
@fehler9293 10 месяцев назад
[Object object] comes if you try to print an object only, not the string. object test = new object(); Console.WriteLine(test)
@yanamax193
@yanamax193 Год назад
Great tutorial
@ElevatedM1ndSet
@ElevatedM1ndSet 11 месяцев назад
Thank you so much! Learning new things for free!
@vajith123
@vajith123 11 месяцев назад
Good explanation
@JohnSunda
@JohnSunda Год назад
sql query ? why not using Linq ? where is the db context ? where is the repository pattern ? this is fun for noob but that's all
@thedevmachine
@thedevmachine Год назад
DB context is for this simple example overkill. Like using db context is a major need. You can build you app in dozens of ways. Also i hate MVC overhead highway/
@justin23262
@justin23262 10 месяцев назад
if you not noob, why you watch this video?
@amaanshaikh6868
@amaanshaikh6868 9 месяцев назад
Bro ☠️ this video for noobs.
@GopalCode
@GopalCode Месяц назад
Awesome!!
@AzizjanAyupov_leo
@AzizjanAyupov_leo 10 дней назад
why didn't you use entity framework ?
@gopikrishnag41
@gopikrishnag41 7 месяцев назад
Excellent & thx a lot
@kushall3515
@kushall3515 4 месяца назад
Im getting an error at 19:17 , in the response body section, it says 'Internal server error, login failed' how do i correct this ?
@sahilapte7735
@sahilapte7735 9 месяцев назад
Is it possible to use my sql workbench instead of sql server?
@dijistoreonline
@dijistoreonline Год назад
Thank you sir, Great Tutorial!
@shaneanderson9933
@shaneanderson9933 4 месяца назад
Thanks, but I got all the way to the end and everything seems to work except for the deletion of notes. Everything with the Web API seems to work, so I think it's just the React app with the problem.
@shaneanderson9933
@shaneanderson9933 4 месяца назад
So close! Everything seems to work until I attempt to delete a note. Deleting works when using the Swagger test. But when I attempt a deletion using the React App Query String technique, it doesn't delete the note. I have pretty much the same code except for a few log statements. Any ideas what it could be? async deleteClick(id) { console.log("delete clicked: " + id); fetch(this.API_URL + "api/TodoApp/DeleteNotes?id="+id,{ method: "DELETE", }).then(res => res.json()) .then((result) => { console.log(result); this.refreshNotes(); }) }
@shaneanderson9933
@shaneanderson9933 4 месяца назад
I found the culprit - my mistake. In TodoAppController > DeleteNotes function I hadn't removed the 'FromForm' after copy/pasting from the AddNotes function. Anyway, it works now and I'm very happy. Great tute! 🏆
@samdroid37
@samdroid37 Год назад
very good tutorial
@Sameyo_Rei
@Sameyo_Rei 8 месяцев назад
Please make a video tutorial about upload Exell file and save it into MS SQL for .NET Core Web API
@thedevmachine
@thedevmachine Год назад
How can you protect the API that it can only be accessed by the react app?
@irvingceron1016
@irvingceron1016 11 месяцев назад
Jwt, there are plenty of ways to do this. Just depends on your situation.
@reydelocon629
@reydelocon629 9 месяцев назад
what version of react is this?
@kyong444
@kyong444 7 месяцев назад
after I had to installed Install-package System.Data.SqlClient my control file with no error
@saurabhchavan6229
@saurabhchavan6229 Год назад
Thank you so much 😊❤
@sha.e.sengineeringsolution1205
Thank you, well done How to implement white list server
@valerizanguri
@valerizanguri 4 месяца назад
Tnxs
@_MoshikoAz_
@_MoshikoAz_ 10 месяцев назад
how do you deploy ?
@masbroshup
@masbroshup Год назад
sir can you make edit button?
@F-m.a
@F-m.a 7 месяцев назад
Where is the source code? This is very confusing. I can pay for the help.
@מתןכשר
@מתןכשר Год назад
thanksss
@HindiCoderss
@HindiCoderss 10 месяцев назад
plaese show the update method also
@graficandorealidades7561
@graficandorealidades7561 3 месяца назад
Why are you using class to create React components... bruh
@Sim-t6e
@Sim-t6e 11 месяцев назад
Where the timestamp at ?
@noahweaver2019
@noahweaver2019 7 месяцев назад
Great tutorial
@HarendraKumar-rj7mg
@HarendraKumar-rj7mg 7 месяцев назад
Awesome!!!
Далее
React Tutorial for Beginners
1:20:04
Просмотров 3,3 млн
ROBLOX TRAND AGAIN. Part 7☠️🗿🙋🏻‍♀️
00:16
Brutally honest advice for new .NET Web Developers
7:19
ASP.NET Core Crash Course - C# App in One Hour
1:00:44
Просмотров 1,6 млн
If Your Tech Job is Comfortable, You're in Danger
20:57
ROBLOX TRAND AGAIN. Part 7☠️🗿🙋🏻‍♀️
00:16