React and ASP.NET Core Identity Authentication

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.

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

[konstantingrozdev]

Great content Tom! Judging from the comments, if you enhance the project with authorization, so people can use roles, it will be great.

[vargasbj]

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

[darkmoon]

I DONT KNOW SHIT ABOUT ASP.NETcore & REACT
But thanks to you i know what i m doing right NOW
LOVE YOU <3 <3 <3

[eyoo]

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?

[erencetin]

bro i made a home page without vite, if i do this authentication with vite, how do i connect two application? I just want to when user log-in route my home page

[bdot]

Fantastic video and tutorial! Exactly what i was looking for to get a particular project started and as a way to learn React. Bravo!

[XXnickles]

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.

[eddyelamin]

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?

[kvelez]

2:21
Do you have a fix for the npm install not working in the client directory

[IlyaArlenka]

Hey Tom, it is superhelpful and just on time. Thanks a lot! Subscribed :)

[chrismantonuk]

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?

[attilio]

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 ?

[owlyhousenskyi]

Making a web-app with these frameworks, and explanation is amazing! Thanks, Tom😎

[Lord_Cmmander]

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

[ftj]

Very nice video! Exactly what i was looking to use witdh my API Net Core. Thank´s a lot.

[Choosebrand]

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.

[Credi]

Would love to see a video confugirng this app to a production setup and deploying it to Azure

[MrKukuri]

It does not make sense copying code, literally did exactly same and getting about 32 errors :D

[chaitoni]

how about the roles for the user?
can we modified this identity api?

[avaygc]

Will glad to for asp.ner core and Angular