I'm trying to teach myself dotnet. This is the first tutorial I've watched and while it took me 3x's longer than the video to follow along, I already feel pretty confident. I thought I was pretty decent with React/Node but you taught me some stuff in React I haven't done. I think it's time I start watching more advanced React tutorials... Awesome video and thank you for your time!
Loved this tutorial, learned loads especially not knowing any React/JS before hand. Thank you Ruben My one feedback would be to structure the tutorial so it's a bit more incremental, as we were doing all the scripting upfront before testing anything was working. So for example, get the create form showing, demo, then do a button, demo, that kind of thing. The tutorial was exactly what I was looking for, all the best.
Thanks Andrew, I appreciate your compliments. And thanks for the feedback, I've considered doing that and will definitely keep it in mind for future videos.
Not sure how to fix that. I think React should automatically re render it when that list data changes. In Blazor in these scenarios I'd call StateHasChanged(). Try looking into how to re render when data changes in React. Hope this somewhat helps. - Ruben
As much as I appreciate this video for learning both dotnet and react, I wish it was more legible...Honestly, very amateur videos will get more views because the code can be clearly seen. But thanks, learning a lot.
You had to set up CORS on the server. I have a question for when we are working one smaller projects. Is it possible to combine the react client and backend in the same directory/repo so that they are under the same domain? This would allow for only one server and no need to configure CORS.
Then I'd look into React server rendered, similar to what Blazor Server is doing. Traversy Media has good tutorials on React, seems like this one is for React server rendered: ua-cam.com/video/IkOVe40Sy0U/v-deo.html
Hola bro, me aparece el siguiente error para hacer la migración: No se pudo ejecutar porque no se encontró el comando o el archivo especificado. Algunas de las posibles causas son : * Escribió mal un comando dotnet integrado. * Pretendía ejecutar un programa .NET, pero dotnet-ef no existe. * Pretendía ejecutar una herramienta global, pero no se encontró ningún ejecutable con prefijo dotnet con este nombre en PATH.
Hi Ruben, I was trying to do windows authentication, I added to the fetch call credentials:"include" , [Authorize] in the controller, app.useAuth and app.useAuthintication along with .allowCredentials() in Program.cs, however I get a 400 error, do you know what I am missing or point me in the right direction. Thank you so much
Sorry Vikram I'm not 100% sure how to use ASP.NET authentication together with React. Maybe this post will help you: jasonwatmore.com/react-18-authentication-with-net-6-aspnet-core-jwt-api
Thank you for the lesson. Hard to find Core 6 info out there right now. I have a random question. What extension are you using to show what arguments that are needed in gray? Not the Codelense reference lines but where it tells you that the argument needed is a ConnectionString. Keep up the good work!
Thanks Dorsey! You can find that in: Visual Studio northern menu -> Tools -> Options -> Text Editor -> C# -> Advanced -> Scroll all the way down and look 4 checkboxes up -> Check "Display inline parameter name hints". I also checked all the sub boxes of that.
Thanks for the tutorial. It is very informative. I'm just starting out with React. Is there a reason why you prefer to use functions such as App(), PostCreateForm() instead of classes (components) that inherit from React.Component? Is that because you are not using JSX files or are you still using JSX when you return() a bunch of html?
Thanks! I prefer functions because to me they are easier to read. We are still using JSX in the video. JSX is just a special 'flavor' of JavaScript that looks like HTML. It isn't really HTML that's why it gets return()ed. The React docs 'Introducing JSX' entry helped me better understand JSX: reactjs.org/docs/introducing-jsx.html Hope this helps! - Ruben
have you watched your lesson? even on a laptop it is impossible to look at this font size. Anyway, thanks for the lesson. It will be great if you pay attention to this detail.
I don't consider it horrible. It's a nice little quick overview to get going with ASP.NET and React. More aimed towards newcomers that want to get their feet wet. If I do everything like in the real world the video would be too long.
Join the Discord community to chat with other devs and get help if you're stuck on something.
discord.gg/dcvmDnegsn
thx
hi can u make data gird table to move people from last product worked
I'm trying to teach myself dotnet. This is the first tutorial I've watched and while it took me 3x's longer than the video to follow along, I already feel pretty confident. I thought I was pretty decent with React/Node but you taught me some stuff in React I haven't done. I think it's time I start watching more advanced React tutorials... Awesome video and thank you for your time!
Very glad to hear that James. We all have to keep coding and grow. Thanks for the compliments and good luck!
Awesome tutorial. Especially the integration part of front end, back end and Azure.
Thanks!
Thanks a lot Ruben, very awesome demo of covering ASP.NET6 C#/React/Node.js/Web API/CRUD+Azure/gitHub/CICD in step by step!
Dude your awesome and to the point no bs kind of teacher. Keep going!
Thanks James I appreciate it!
watched at 1.5 speed :D
Loved this tutorial, learned loads especially not knowing any React/JS before hand. Thank you Ruben
My one feedback would be to structure the tutorial so it's a bit more incremental, as we were doing all the scripting upfront before testing anything was working. So for example, get the create form showing, demo, then do a button, demo, that kind of thing.
The tutorial was exactly what I was looking for, all the best.
Thanks Andrew, I appreciate your compliments. And thanks for the feedback, I've considered doing that and will definitely keep it in mind for future videos.
Excellent video for familiarizing myself with the mini APIs. Hope to see more tutorials from you, you've got a knack for it.
Thanks, really glad to hear that!
Clap clap clap. Nice work! A tutorial from the beginning to the publishing. Very Nice!
Thanks! Glad you enjoyed it.
Thank you so much for this tut, much appreciated, Ruben!
Thanks! You're welcome :)
@@RubenHeerenDev you're a great teacher. Keep up with that amazing work. Btw I laughed at 2:06:50 haha
@@junioranheu Thanks!! Yeah mistakes happen, sometimes I leave them in :')
I wish the screen was on presentation mode. Too small. Great content regardless!
This explanation is just super ♥️ ♥️♥️
Lekker man!
Nice tutorial, much appreciated!
Glad it was helpful!
Thank you for video. Your explanation is perfect
I like it very much. Thanks for this great tutorial, ive learned a lot
thank you, great explanation :)
when i create post, it doesn't get added to the list instantly, only after clicking get posts from server again...
Not sure how to fix that. I think React should automatically re render it when that list data changes. In Blazor in these scenarios I'd call StateHasChanged(). Try looking into how to re render when data changes in React.
Hope this somewhat helps.
- Ruben
Thank you, sir
Cool stuff!
realy nice tutorial
As much as I appreciate this video for learning both dotnet and react, I wish it was more legible...Honestly, very amateur videos will get more views because the code can be clearly seen. But thanks, learning a lot.
Thanks for the feedback Jimmy. Others have pointed this out as well and it's definitely on my improvement list.
@@RubenHeerenDev Please re-upload this video where code can be seen.
just toggle settings quality to 1080p and its clear as can be
A great tutorial, thanks
thank you so much mr
You had to set up CORS on the server. I have a question for when we are working one smaller projects. Is it possible to combine the react client and backend in the same directory/repo so that they are under the same domain? This would allow for only one server and no need to configure CORS.
Then I'd look into React server rendered, similar to what Blazor Server is doing.
Traversy Media has good tutorials on React, seems like this one is for React server rendered:
ua-cam.com/video/IkOVe40Sy0U/v-deo.html
The best
i have a question why do most people host react in visual code and the asp.net in visual studio ? is it because of bugs?
It's preference. In the wild you'll mostly see JavaScript devs use VScode and .NET devs use Visual Studio.
Hola bro, me aparece el siguiente error para hacer la migración:
No se pudo ejecutar porque no se encontró el comando o el archivo especificado.
Algunas de las posibles causas son :
* Escribió mal un comando dotnet integrado.
* Pretendía ejecutar un programa .NET, pero dotnet-ef no existe.
* Pretendía ejecutar una herramienta global, pero no se encontró ningún ejecutable con prefijo dotnet con este nombre en PATH.
Hi Ruben, I was trying to do windows authentication, I added to the fetch call credentials:"include" , [Authorize] in the controller, app.useAuth and app.useAuthintication along with .allowCredentials() in Program.cs, however I get a 400 error, do you know what I am missing or point me in the right direction. Thank you so much
Sorry Vikram I'm not 100% sure how to use ASP.NET authentication together with React.
Maybe this post will help you:
jasonwatmore.com/react-18-authentication-with-net-6-aspnet-core-jwt-api
1000 THX from Morocco,
Thank you for the lesson. Hard to find Core 6 info out there right now. I have a random question. What extension are you using to show what arguments that are needed in gray? Not the Codelense reference lines but where it tells you that the argument needed is a ConnectionString. Keep up the good work!
Thanks Dorsey! You can find that in:
Visual Studio northern menu -> Tools -> Options -> Text Editor -> C# -> Advanced -> Scroll all the way down and look 4 checkboxes up -> Check "Display inline parameter name hints". I also checked all the sub boxes of that.
Thanks for the tutorial. It is very informative. I'm just starting out with React. Is there a reason why you prefer to use functions such as App(), PostCreateForm() instead of classes (components) that inherit from React.Component? Is that because you are not using JSX files or are you still using JSX when you return() a bunch of html?
Thanks! I prefer functions because to me they are easier to read. We are still using JSX in the video. JSX is just a special 'flavor' of JavaScript that looks like HTML. It isn't really HTML that's why it gets return()ed.
The React docs 'Introducing JSX' entry helped me better understand JSX:
reactjs.org/docs/introducing-jsx.html
Hope this helps!
- Ruben
have you watched your lesson? even on a laptop it is impossible to look at this font size.
Anyway, thanks for the lesson. It will be great if you pay attention to this detail.
Thanks for your feedback! I'm zooming in on newer tutorials.
Hi i got error sqlite is not available
👏
May i know how much are you paying for this Azure subscription?
Everything used in this video is free!
Now with subtitles!
👏🤝✍🤝👏
Cannot see the code, video is too blurry
Thanks for the feedback!
Change the playback resolution (gear icon). If you set it to 1080p, the code is very clear.
This is horrible. This is not how the real world apps are going to look like. MapGet in Program.cs? Wth? Why are you doing this?
I don't consider it horrible. It's a nice little quick overview to get going with ASP.NET and React. More aimed towards newcomers that want to get their feet wet. If I do everything like in the real world the video would be too long.
Lol, someone is triggered