React and ASP.NET Core Identity Authentication
HTML-код
- Опубликовано: 3 авг 2024
- Dot Net 8.0 has new project templates for React for Visual Studio 2022. They do a good job getting you started but they don't include an example of how to use ASP.NET Core Identity for authentication.
React and ASP.NET Core 8 make a great combination for web development. You can use react to create your single page application GUI while asp.net core handles all of the backend work. ASP.NET core includes a robust authentication and identity management system. You can use the ASP.NET Core 8 and React project template from Microsoft to get started quickly. However, unlike the Blazor and ASP.NET Core projects, this template does not have identity features built-in. In this video, I will show you how to add them to your project.
00:00 Introduction
00:41 Demo
01:24 Create a New Project
03:00 Adding Project Dependencies
03:45 Adding Entity Framework Database Support
07:00 Adding Identity Endpoints
09:45 Adding Custom Additional Endpoints
12:40 Configuring Vite
15:00 Adding React Components
19:02 AuthorizeView Component
24:00 React Router
24:51 Login Page
27:44 Register Page
30:00 Deploying Database
30:50 Final Demo
Github Code is available at: github.com/codingwithtom1/Rea... 
Наука
I DONT KNOW SHIT ABOUT ASP.NETcore & REACT
But thanks to you i know what i m doing right NOW
LOVE YOU
Great content Tom! Judging from the comments, if you enhance the project with authorization, so people can use roles, it will be great.
Fantastic video and tutorial! Exactly what i was looking for to get a particular project started and as a way to learn React. Bravo!
Greetings frm Costa Rica.
Oh wow . what amazing solution that includes the backend + UI + Identification .
It's all in once in a very well explain master piece.
Thank you so much TOM
Will glad to for asp.ner core and Angular
Very nice video! Exactly what i was looking to use witdh my API Net Core. Thank´s a lot.
Great content man.
simple and direct to the subject as we need.
I hope your channel grows.
Take care.
I hope it grows too! Thanks for the kind words.
Hey Tom, it is superhelpful and just on time. Thanks a lot! Subscribed :)
I’ve done svelte and react, I suppose I should do angular too :)
Awesome. Your content has sincerity and simplicity. No unnecessary commentary. I can listen to you for hours.
Thanks for sharing.
I wish your channel blows up in 2024 and you get 100k subscribers. 🎉🎉🎉 Happy New Year Tom.
Thanks for the kind words! Happy 2024 to you too!
This is so helpful... !
Would love to see a video confugirng this app to a production setup and deploying it to Azure
Amazing thank you!
This is becoming one of my favorite channels! Great content well presented. Just a little criticism request: I think your mic volume is low! Regarding the video itself, this is actually one of the reasons that lead me to think go SSR first instead of kind-of-rest (talking here for myself) driven SPA. There is a lot of "duplication" in the logic, as you basically have to implement security both at server and client.
Thanks I’ll adjust my mic volume going forward! I like SSR a lot too especially if you don’t need to scale to huge amounts of users. I do like the ability to mix and match now too depending on particular features/pages.
This is the clearest, most detailed explanation I’ve found anywhere of how to integrate React with Identity. Thank you! Have you any examples of adding 2FA? 🙂 Do you have a Buy Coffee, Kofi link or something?
Thanks!
Спасибо вам большое, друг
Спасибо!
Thanks great video, any ideia on how to spin up a project with react, webapi and typescript with the CLI ? trying to do via VS code, but aint working properly.
Would love to see you do more full stack demos like the 6 hour course video you did 4 months ago.
I’d love to do an updated one using .net 8 - hopefully I’ll get the time!
Great video, except for the Vite configuration part. You were too fast and as a begginer I couldn’t understand what you did really. More explanation?
Awesome, add an other video to implement 2FA
It's a shame that Microsoft didn't just implement JWT for their identity API.
Pinging the server to check for authentication.. doesn't that unnecessarily increase server load?
how about the roles for the user?
can we modified this identity api?
What if react is running on a different url? With this code I’m not able to store the cookie. Can you help me please ?
How do you have two different kinds of users. Say a privateUser and CompanyUser. They will have unique properties that should be populated when registering a user and in React they qill have different ui as the idea is that they can interact with each other. So companies will see private users and vice versa
Please tom, im begging you do more videos for this template. Can you please show how to add docker support for React and ASP.NET Core? When I run it in docker I can't seem to get the client to open, not sure if its because the ports are wrong, or maybe my docker file is wrong. Also how to deploy this template to azure container apps? Please make a video on this! I've subbed, thank you! Also I'd love for you to do a video with this template, and using EF Core Azure Cosmos DB so with nosql.
It does not make sense copying code, literally did exactly same and getting about 32 errors :D
Anyone else getting 404 errors when trying to register or log in?
Maybe I had the same problem. By default, the entered password is checked for the presence of an alphanumeric character, a number and a capital letter, and I entered the password only from letters
Very informative. This has been very helpful! I am trying to create my own authentication the pattern you are using so I have a few questions. What is AuthorizedUser and /pingauth? What are those? What do they do? Where do they come from?
Thank you, but there is a problem with the GitHub source.
Working fine for me! I just follow the videos.
Thanks!
Thank you so much for the super chat! Let me know if there are any topics I should cover.