Blazor API Client using REST & GraphQL APIs - Full Course

In this step-by-step tutorial I take you through how build a Blazor WebAssembly (WASM) app that will allow you to call both REST & GraphQL APIs.

This video includes:

- Application architecture overview
- Blazor theory and core concepts including WebAssembly, SignalR and websockets
- Building Blazor Components
- HttpClient & HttpClientFactory
- Building Data Service to call REST & GraphQL APIs

Level: Intermediate

⏲️ Time Codes ⏲️

PART 1 - INTRODUCTION
- 1:20 Welcome
- 2:29 Demo
- 7:00 Course Overview
- 9:30 Solution Architecture
- 12:13 Ingredients

PART 2 - THEORY
- 13:13 What is Blazor?
- 17:58 Why use Blazor?
- 19:10 Size by Size - the 2 flavours of Blazor
- 23:33 Blazor Server Closer Look
- 26:28 Blazor WASM (Client) Closer Look

PART 3 - CODING PART 1 - OUR FIST COMPONENT
- 29:46 dotnet new... (Start the prject build)
- 32:25 Project anatomy
- 47:55 A look at our first Component
- 49:21 Our Component UI
- 1:00:47 Adding UI Events
- 1:05:46 @Code - Adding our methods and properties
- 1:13:37 Error handling

PART 4 - CODING PART 2 - STARTING API CALLS
- 1:15:29 A look at our APIs
- 1:18:10 Exercising our APIs with Insomnia
- 1:29:47 A look at the "Fetch Data" Component
- 1:33:47 Working with JSON & DTOs
- 1:46:58 Calling our REST API
- 1:54:02 Separating Concerns
- 2:05:14 HttpClient & HttpCLientFactory

PART 5 - CODING PART 3 - DATA SERVICES
- 2:08:32 Creating our "Launches" Component
- 2:13:04 Introducing Data Services with HttpClientFactory
- 2:24:57 Our REST Data Service
- 2:28:54 Using out Data Service
- 2:32:46 Revisiting the GraphQL Payload
- 2:35:00 A new DTO
- 2:40:35 GraphQL Data Service

PART 6 - WRAP UP
- 2:56:33 Wrap up and Final thoughts
- 3:58:06 Patreon Supporter Credits

[jamesallen]

Found your channel probably a few months ago. Really good videos dude. I like your style how you make them.

I subscribed to probably 100 channels of different things and you're probably one of the three channels that I actually clicked the bell on. Keep up the great work.

[Gojam]

At 1:13:20 and I am thinking rock on my brother, thank you for this video, and again thanks for not being Tim "All about me me me" Correy.

[argeelearner]

Always an exiting day when Les Jackson releases a new course/video. Thank you so much!

[rizaanjappie]

Dude, your videos are amazing. You cover real world scenarios.

[joaofranco]

Hey, this video is looking real good! Because you have already timestamped the video, if you put 00:00 in the description, YouTube will automatically create chapters in the progress bar

[mbkvec]

Though the industry does not accept Blazor WASM like React or Angular, this course helped me on gaining knowledge on GraphQL, HttpClientFactory and quicktype tool. Hats Off!!!

[mementomori]

What a timing! I needed this for what I'm building, just finished the MVC REST API video as well, I've learned a lot, thank you!!!

[mohamedfared]

man thats amazing i just commented to ask for blazor and in the same day i get the full course
i canot believe it

[csilipo]

I want to say "great work" on your blazor tutorials. I am really enjoying it. Carlo

[csilipo]

It much better that you are standing. You are far more animated. This is a good thing. Carlo

[joshvaughan]

This is perfect timing! I was just giving up on Javascript!

[caloyness]

thanks for this, your channel is underrated. i've taken a lot of udemy course but i can say you're lessons are equally or much better than those. keep it up. My only additional input is that I feel like I'm listening to my strict professor.

[sgguitarfan]

Still working on the previous video, I made my first graphql server thanks to you, Love from Puerto Rico my brother.

[h.verheijen]

This is really wonderful to follow (just my sort of liking in the way and order you explain things in sufficient and enough detail) and learn along the way. So a great THANKS from someone hugely interested in making a professional career switch as a code-developer towards Blazor in the broadest sense. So once again thanks! Pls. continue teaching this way. Have a great day.

[zealtypedcode]

Best intro ever JavaScript is an abomination

[teach]

Thanks for this very useful tutorial! GraphQL is new to me, was great to learn, and also your useful tools.

[AlThePal]

I am so happy that Tyson Fury knows a lot about blazor LOL love your content man :)

[lushman]

A very good presentation, keep up the good work, learnt heaps about Blazor and GraphQL.

[doctorrusty]

Blazor stuff! Yes! Thanks Les - you're a STAR!!!

[chidieberelevi]

Thank you for the work you put in your videos, they are very in-depth as well as conceptualized. I learnt how to write API from watching your .NET 5 Api tutorial