Coding with Tom
Coding with Tom
  • 12
  • 79 892
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.
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/ReactIdentity
zhlédnutí: 9 849

Video

ASP.NET Core 8 & Svelte - A Perfect Match!
zhlédnutí 2,6KPřed 5 měsíci
In this video I pair the new release of ASP.NET Core 8 with the Svelte javascript framework. ASP.NET Core 8 provides minimal Apis for using Microsoft Identity. This project accesses these apis using a custom Authentication component implemented in Svelte. Svelte is an increasingly popular alternative to React and Angular. It's HTML and code sections in .Svelte files is structured similarly to B...
.NET 8 Blazor New Forms Functionality Explained
zhlédnutí 8KPřed 6 měsíci
Blazor 8 Introduces improved Server Side Rendering for Blazor Forms components. This video explains how to implement Forms with Validation that will function without the use of Blazor Server Interactive Rendering or WebAssembly. This video also discusses the new Enhanced Form functionality that results in no full page refreshes for form submission even when using Server Side Rendering. If you a...
.NET 8 Released - Awesome new Blazor Render Modes Demystified
zhlédnutí 7KPřed 6 měsíci
In Blazor 8, Microsoft enabled developers to mix and match the use of Blazor Server and Blazor Webassembly on a per page or per component basis. This new paradigm will require a new way of thinking, but the possibilities are incredible! The decision to use web assembly or server is no longer an all-or-nothing matter. The best tool can be used for the job where it makes sense. In this video I pr...
.NET 8 RC2 - Blazor 8 Nears the Finish Line
zhlédnutí 3,9KPřed 8 měsíci
00:00 Introduction and Explanation of What's New 07:36 Tour of Blazor Web App Template 24:00 Handling Access of Resources with Auto Mode Release Candidate 2 of .NET 8 brings exciting updates to Blazor! The Blazor Web App Template now fully supports: 1) Static, Server, WebAssembly, and Auto Render Modes 2) Form handling with Static Rendering 3) Fully rewritten Identity Pages using Blazor Compone...
Full Stack Web Development with Blazor - Full 6 Hour Course
zhlédnutí 17KPřed 8 měsíci
The course provides a comprehensive guide to building a sophisticated Invoice Application using Blazor Server and Entity Framework. Starting with an introduction, it quickly dives into a demo of the application. Participants then learn to set up a Blazor Server template, explore the template code, and understand Blazor component attributes. The course covers interactive components and SignalR, ...
.NET 8 Preview 7 - Auto Switch from Blazor Server to Web Assembly now available!
zhlédnutí 2,7KPřed 10 měsíci
With the latest preview version of .NET 8 (Preview 7), you now have the ability to have Web Assembly components render first on the server while they are downloading in the background to provide for a quick response time for your application while still offloading processing to the web browser. What are the ramifications of this though? I talk about them in this quick video demonstrating the ne...
Blazor "United" has almost Arrived in .NET 8 Preview 6!
zhlédnutí 9KPřed 11 měsíci
Microsoft just released .NET 8 Preview 6 which contains exciting new updates to Blazor. This video covers: - Mix and match Blazor Server and Web Assembly components in a single project or even a single page. - Blazor EditForm without SignalR or WASM - Streaming Rendering This tutorial demonstrates these and more and hopefully will help you understand where Microsoft is headed next with Blazor. ...
Azure OpenAI C# API Quick Tutorial
zhlédnutí 5KPřed 11 měsíci
In this video I step you through the basics of creating a chat client in C# using the Azure OpenAI api. If you want to get up to speed quickly on how this API works check out this video. Check out the other videos on my channel for a complete tutorial on a Blazor Chat app using Azure Cognitive Search. Code is here: github.com/codingwithtom1/QuickOpenAI
Exciting Blazor Updates in .NET 8 Preview 5
zhlédnutí 6KPřed rokem
In this video I demonstrate the use of the new Blazor Web App template. Microsoft is planning to combine Blazor Server and Blazor WebAssembly into one project type. By default your app will behave as a standard ASP.NET Core Razor app, but you will be able to designate specific components on pages to use either Blazor Server side Rendering or Blazor Web Assembly, or both, automatically. .NET 8 P...
Create a Company Chat CoPilot using Azure AI and Cognitive Search in Blazor /C#
zhlédnutí 3,2KPřed rokem
In this follow up video to my last video I add Azure Cognitive search to allow for retrieval augmented generation of content. This allows the Chat web site to incorporate information from custom documents in the answers it provides to the user. This is part 2 of a 2 part series. Please watch Part 1 here: czcams.com/video/bT-0xvHYpS8/video.html The Code for this video is here: github.com/codingw...
Coding a ChatBot in C# and .NET Blazor using Azure AI from Scratch
zhlédnutí 6KPřed rokem
Do you want to learn how to build a ChatBot with Azure AI, Blazor and C#? Then watch this video where I show you how to do it from scratch using gpt 3.5, a powerful language model from OpenAI. You will learn how to: • Set up the Azure OpenAI service and get an API key • Create a Blazor Server App with a Chat component • Connect your app to the Azure OpenAI API and send and receive messages • Cu...

Komentáře

  • @ftj1976
    @ftj1976 Před 2 dny

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

  • @prashlovessamosa
    @prashlovessamosa Před 9 dny

    Great thanks for this awesome stuff

  • @konstantingrozdev5563

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

  • @bdot598
    @bdot598 Před 21 dnem

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

  • @hosseinmahdavi3164
    @hosseinmahdavi3164 Před 28 dny

    Thank you, but there is a problem with the GitHub source.

    • @ftj1976
      @ftj1976 Před 2 dny

      Working fine for me! I just follow the videos.

  • @chrismantonuk
    @chrismantonuk Před měsícem

    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?

  • @heididaniels277
    @heididaniels277 Před měsícem

    Good explanation but I am getting an error when I run your code: Error RZ9985 Multiple components use the tag 'InputText' Any Ideas? Thank you

  • @ravirama2954
    @ravirama2954 Před měsícem

    Awesome, add an other video to implement 2FA

  • @alexg4411
    @alexg4411 Před měsícem

    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?

  • @DegsyboyGomes
    @DegsyboyGomes Před měsícem

    Just a tip - in your vite config instead of duplicating the api url for every endpoint - you could instead use : proxy:{ '*' : { target: 'localhost:7174', changeOrigin: true } },

  • @ronaldjohnson4470
    @ronaldjohnson4470 Před měsícem

    Awesome tutorial, thank you.

  • @ennaceursawssen4381
    @ennaceursawssen4381 Před 2 měsíci

    I'm experiencing an issue with the installation of Azure OpenAI. Can anyone provide assistance, please?

  • @nicko9958
    @nicko9958 Před 2 měsíci

    You should delete "app.UseDefaultFiles();", "app.UseStaticFiles();" and "app.MapFallbackToFile("/index.html");" from your Program.cs else you get some warnings when starting the Server, becuase www-root was not found. The default VS Template "React and ASP.NET Core" has this bug included. I really don't know why Microsoft can't fix it...

  • @shabanelmogy7912
    @shabanelmogy7912 Před 2 měsíci

    we need big project with blazor to enlarge community of blazor

  • @TheDjscorpion95
    @TheDjscorpion95 Před 2 měsíci

    I am begging now , Lets go guys!!

  • @Poeisible
    @Poeisible Před 2 měsíci

    Awesome, Any net 8 vesrsion?

  • @jiM3op
    @jiM3op Před 2 měsíci

    This is so helpful... !

  • @logansomner5942
    @logansomner5942 Před 3 měsíci

    I just cloned your repo and it built and ran immediately with no problem. What kind of witchcraft is this?

  • @HOSTRASOKYRA
    @HOSTRASOKYRA Před 3 měsíci

    Thank you! This is great work!

  • @leslawdietrich
    @leslawdietrich Před 3 měsíci

    Awesome! Great demonstration of the entire process of preparing a typical office application. Probably the only such tutorial covering the popular Radzen library.

  • @tristanmeijer7080
    @tristanmeijer7080 Před 3 měsíci

    Thanks for this amazing tutorial, one question. What kind of extensions do you use? I don't have that extra gear icon next to my properties?

  • @SoumyadipMajumder-oo6lj
    @SoumyadipMajumder-oo6lj Před 3 měsíci

    Does it good for .NET 8 LTS

  • @Lord_C0mmander
    @Lord_C0mmander Před 3 měsíci

    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

  • @Choosebrand
    @Choosebrand Před 3 měsíci

    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.

  • @donashley386
    @donashley386 Před 3 měsíci

    This has been incredibly helpful! Thank you so much!

  • @user-yw3du6pc1k
    @user-yw3du6pc1k Před 3 měsíci

    Is there any c# code or libraries that can used for retrieving the evaluation metrics(coherence, fluency, groundedness etc) data to test report?

  • @user-iz2xk1yx6r
    @user-iz2xk1yx6r Před 3 měsíci

    How could we setup sveltekit in such a way to use the routes feature, both static and dynamic routes, the layout feature, and the load function that run before the page loads

  • @csunstudent148
    @csunstudent148 Před 3 měsíci

    Hey Tom, I was wondering: Based on this project structure and assuming you continue to implement new features in this same format, what would your hosting model be if you wanted to deploy your app? I've gotten a bit confused in the docs as things are broken up explicitly into both Blazor Server and Blazor WASM for the hosting info, but I've also heard that as soon as you have to access server resources, (which an app like this one does) it seems like you have to follow the Blazor Server method of hosting? Could you help shed some light on this?

  • @alexandralikin3830
    @alexandralikin3830 Před 3 měsíci

    Спасибо вам большое, друг

  • @evaristegalois7378
    @evaristegalois7378 Před 3 měsíci

    I have only just started this tutorial but already I'm learning so much. Thank you Tom for your full yet easy to understand explanation of what everything is and what it does. I'm already living in the era of .net8 and the new Blazor web app projects structure, so hopefully this will be updated very soon.

  • @MrKukuri44
    @MrKukuri44 Před 3 měsíci

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

  • @rajdeepjaiswal5394
    @rajdeepjaiswal5394 Před 3 měsíci

    How we can deploy it on web app of azure

  • @tbunreall
    @tbunreall Před 4 měsíci

    Thanks for the tutorial, a lot more goes into this than I thought, will take a while to really get it down. Maybe next time a high level overview of all the pieces and how they come together would by nice, although just looking at the timestamps kind of does the same thing

  • @AhmedAymanM
    @AhmedAymanM Před 4 měsíci

    I noticed that Items in fetch data page (razor component) gets updated twice, either by going to another page with mouse and going back again or pressing refresh (F5), any one noticed that? is there a reason for this?

  • @csunstudent148
    @csunstudent148 Před 4 měsíci

    I've worked a bit with Blazor Server and Blazor WASM pre .NET 8, but demystifying this new stuff has been too difficult for me until I watched your video. Thank you so much for the detailed guide, explanations, and codebase!!!!

  • @siddistaken
    @siddistaken Před 4 měsíci

    Great content to start off, thank you

  • @GuildOfCalamity
    @GuildOfCalamity Před 4 měsíci

    Would love to see you do more full stack demos like the 6 hour course video you did 4 months ago.

    • @Coding_with_Tom
      @Coding_with_Tom Před 4 měsíci

      I’d love to do an updated one using .net 8 - hopefully I’ll get the time!

  • @thilehoffer
    @thilehoffer Před 4 měsíci

    Anyone else getting 404 errors when trying to register or log in?

    • @Weluchy
      @Weluchy Před měsícem

      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

  • @vargasbj
    @vargasbj Před 4 měsíci

    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

  • @thilehoffer
    @thilehoffer Před 4 měsíci

    Thanks!

    • @Coding_with_Tom
      @Coding_with_Tom Před 4 měsíci

      Thank you so much for the super chat! Let me know if there are any topics I should cover.

  • @chingg5463
    @chingg5463 Před 4 měsíci

    The video tutorial is great but the bUnit part at the end was cut out.

  • @GuildOfCalamity
    @GuildOfCalamity Před 4 měsíci

    Great tutorial. Most tutorials like this have horrible audio and editing (if any).

  • @Edasa
    @Edasa Před 4 měsíci

    can i use normal OpenAi api?

  • @coconut7991
    @coconut7991 Před 4 měsíci

    Well explained, Thanks. Tom

  • @chaitoni800
    @chaitoni800 Před 4 měsíci

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

  • @nouchance
    @nouchance Před 4 měsíci

    Thanks!

  • @IlyaArlenka
    @IlyaArlenka Před 4 měsíci

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

    • @Coding_with_Tom
      @Coding_with_Tom Před 4 měsíci

      I’ve done svelte and react, I suppose I should do angular too :)

  • @Duelweb
    @Duelweb Před 5 měsíci

    Now this explanation was what I was waiting for! Confusion gone! Thanks Tom!

  • @coolwaterdvr
    @coolwaterdvr Před 5 měsíci

    👍👍👍👍👍

  • @lewishuxtable1892
    @lewishuxtable1892 Před 5 měsíci

    seems microsoft have updated the package and changed a lot now

    • @ricardokevin
      @ricardokevin Před 4 měsíci

      It worked for me. What issues are you facing ??