![Coding with Tom](/img/default-banner.jpg)
- 12
- 79 892
Coding with Tom
United States
Registrace 15. 06. 2023
Come to this channel for straight forward coding lessons on various topics, including full courses!
Learning should be free!
I’m just getting started here on CZcams so if you have any topics you’d like me to cover please let me know!
Learning should be free!
I’m just getting started here on CZcams so if you have any topics you’d like me to cover please let me know!
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
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...
Very nice video! Exactly what i was looking to use witdh my API Net Core. Thank´s a lot.
Great thanks for this awesome stuff
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!
Thank you, but there is a problem with the GitHub source.
Working fine for me! I just follow the videos.
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?
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
Awesome, add an other video to implement 2FA
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?
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 } },
Awesome tutorial, thank you.
I'm experiencing an issue with the installation of Azure OpenAI. Can anyone provide assistance, please?
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...
we need big project with blazor to enlarge community of blazor
I am begging now , Lets go guys!!
Awesome, Any net 8 vesrsion?
This is so helpful... !
I just cloned your repo and it built and ran immediately with no problem. What kind of witchcraft is this?
Thank you! This is great work!
Awesome! Great demonstration of the entire process of preparing a typical office application. Probably the only such tutorial covering the popular Radzen library.
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?
Does it good for .NET 8 LTS
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
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.
This has been incredibly helpful! Thank you so much!
Is there any c# code or libraries that can used for retrieving the evaluation metrics(coherence, fluency, groundedness etc) data to test report?
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
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?
Спасибо вам большое, друг
Спасибо!
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.
It does not make sense copying code, literally did exactly same and getting about 32 errors :D
How we can deploy it on web app of azure
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
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?
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!!!!
Great content to start off, thank you
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!
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
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
Thanks!
Thank you so much for the super chat! Let me know if there are any topics I should cover.
The video tutorial is great but the bUnit part at the end was cut out.
Great tutorial. Most tutorials like this have horrible audio and editing (if any).
can i use normal OpenAi api?
Well explained, Thanks. Tom
how about the roles for the user? can we modified this identity api?
Thanks!
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 :)
Now this explanation was what I was waiting for! Confusion gone! Thanks Tom!
👍👍👍👍👍
seems microsoft have updated the package and changed a lot now
It worked for me. What issues are you facing ??