.NET 6 Blazor 🔥 Component Communication (Parameter, EventCallback & State/Service)

🔥 Blazor E-Commerce Course: www.udemy.com/course/blazor-e...
📧 Newsletter: newsletter.patrickgod.com/
❤️ Ko-fi: ko-fi.com/patrickgod
☕ Coffee: www.buymeacoffee.com/patrickgod
💻 GitHub: github.com/patrickgod/BlazorC...
🐦 Twitter: / _patrickgod
📓 Articles: / patrickgod
🔥 Blazor Bootcamp: www.udemy.com/course/blazor-w...
🚀 .NET Jumpstart Course: www.udemy.com/course/net-core...
Table of Contents:
00:00:00 .NET 6 Blazor Component Communication
00:02:01 Create a Blazor WebAssembly Project
00:04:19 Parent to Child Communication in Example Application with a Parameter
00:07:00 Parent to Child Communication from Scratch with a Parameter
00:08:30 Build the Child Component
00:11:07 Use the Child Component in the Counter Page
00:11:46 Child to Parent Communication with an EventCallback
00:16:37 General Component Communication with a Service
00:23:48 Final Changes to the Notifications Count Component
00:31:46 Closing Words
🙏MANY THANKS TO THESE LOVELY PEOPLE:
Dan Moyer
Kieron
@mgrainger231
Gerrit Esmeijer
Axel
Kareem Skinner
Joaquim
Alain Legrand
Per Rieland
@prodrigu75
Greg
Brendan Maunder
Stageoner
Andrew Campbell
pascalditzfeld
PovilasSimanskas
Ameet Jayawant
jenö
Marco Otilli
Mark
FastTrak
l33ter
alibux
g.dassel
Luke Vincent
mrcl
Alain Legrand
Thomas Werner
István Csibor
Grant Burdon
@gianluigiconti
Gerrit Esmeijer
Illia
Németh-Pók István
Michael Mel
Marko Zdilar
GerryB
@DADA_universe
Domen Hren
@heroesch
Carey
Peter De Tender
Baris Keskin
@Big_Bear_27390
Mathias
walter e watkins
Günther Dassel
Axel
Josh
Daniel Huber
Fredric Adell
Juan Carlos
Manolis
Pajani
P.
Jonas Granlund
Bobby
Kristina
@xamarin007
#DotNet #Blazor #PatrickGod

Пікірлер: 54

  • @martinogdig
    @martinogdig2 жыл бұрын

    No joke, i think these are the best tutorials out there! Not to long or boring, but not to fast so we cannot understand! Amazing!

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    Thank you so much for your kind words! Really appreciate it! 😊

  • @LeeroyGgJenkins
    @LeeroyGgJenkins2 жыл бұрын

    Hey Patrick I just want to tell you how grateful I am of all the work you put into these videos for all of us! I started a new job a year ago(with no experience) as a dev and right off the bat I was thrown on new projects they wanted built in Blazor.. No one in the team has ever worked with Blazor and I learn best by seeing others do concrete examples so you quickly became my go to when I had questions. Just wanted to let you know how your work actually makes a concrete difference in the world. My bosses love the work I do and it's partly thanks to you :)

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    This is just awesome! Thank you so much for sharing that. Means a lot to me! 😊

  • @BAS-64
    @BAS-64 Жыл бұрын

    Very good lesson from God

  • @BrokenSword17
    @BrokenSword172 жыл бұрын

    Beautiful. Thank you so so much for playing a major role in the blazor community. People like you are our backbone.

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    Wow, thank you so much for your feedback! Appreciate it! 😊

  • @martamendes4906
    @martamendes4906 Жыл бұрын

    Amazing. Thank you so much!

  • @PatrickGod

    @PatrickGod

    Жыл бұрын

    Glad you liked it!😊

  • @405192802
    @40519280210 ай бұрын

    Amazing! event can bind to the StateHasChanged function!!!!! Amazing!

  • @pablomaidana7420
    @pablomaidana7420 Жыл бұрын

    Cool, reminded me of Angular services

  • @af4043
    @af4043 Жыл бұрын

    Very nice, Patrick! Clear explanation and examples of how these work. I learned a lot!

  • @oncalldev
    @oncalldev2 жыл бұрын

    As always, well presented. Nice bite sized chunk of Blazor information.

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    Thank you very very much, Bruce! Appreciate it! 😁

  • @drspyqwerty
    @drspyqwerty Жыл бұрын

    subscribed becasue of the cheezy subscription plug....and because the content is great!

  • @PatrickGod

    @PatrickGod

    Жыл бұрын

    Thanks a lot! 😊

  • @zhaltys
    @zhaltys2 жыл бұрын

    Nice, compact, informative. Thanks Patrick!

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    Appreciate it! Thanks a lot for your feedback, Povilas! 😊

  • @mikeraft3694
    @mikeraft36942 жыл бұрын

    Thank you very very!!! Great and clear tutorial.Real Time Saver.

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    Glad you liked it! Thanks for your feedback!

  • @tonyeps
    @tonyeps2 жыл бұрын

    As always, very clear and engaging. Thank you very much for these tutorials, very useful even if short.

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    Glad you like them! Thanks a lot for your feedback, Antonio! 😊

  • @uberacyjunior3613
    @uberacyjunior36132 жыл бұрын

    Thank you for the video Patrick. Cheers from Brazil 🇧🇷 :)

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    My pleasure! Thanks a lot for your feedback! 😊

  • @LukeAvedon
    @LukeAvedon2 жыл бұрын

    Do you read my mind? As soon as I'm pondering and studying a topic -- you make a video about it.

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    Haha, glad I could help! Thanks for sharing that, Luke. 😊

  • @Mo-ef9yt
    @Mo-ef9yt2 жыл бұрын

    Nice video thanks

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    Most welcome! Thanks for your feedback! 😊

  • @davideaton6876
    @davideaton68762 жыл бұрын

    Thanks for the great tutorial! Clear and informative. Very much appreciated!!!

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    You're very welcome! Thank you so much for your feedback! 😊

  • @StefRenaud
    @StefRenaud2 жыл бұрын

    Thank you! Very informative.

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    Thanks a lot for your feedback! 😊

  • @NAEL4SLR
    @NAEL4SLR Жыл бұрын

    Awesome content. Thanks for sharing!

  • @PatrickGod

    @PatrickGod

    Жыл бұрын

    Glad you enjoyed it! Thanks a lot for your feedback!

  • @kevinmungame1869
    @kevinmungame18692 жыл бұрын

    Thank you, Patrick, I previously implemented my cart page through child-parent coms ..it can get messy and no doubt you have pointed me in the right direction.

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    Glad I could help! Thanks a lot for your feedback, Kevin! 😊

  • @philmingo
    @philmingo2 жыл бұрын

    awesome stuff !!

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    Glad you think so! Thank you very much! 😊

  • @alexjones420
    @alexjones420 Жыл бұрын

    420th like time to blazor it up 🔥

  • @amalekf6024
    @amalekf6024 Жыл бұрын

    thank you very mush

  • @carlosr.r.mondragon2887
    @carlosr.r.mondragon28872 жыл бұрын

    Another easy option to send parameters: ToggledChanged="(toogleValue=>EventDarkMode.InvokeAsync(toogleValue))" in this option you can send the value of the Toggle Button.

  • @FaizulHassan-ek2mw
    @FaizulHassan-ek2mw7 ай бұрын

  • @hastifallah73
    @hastifallah732 жыл бұрын

    It would be great if you create video about external login. It's helpful and handy :)

  • @yasminarab1353
    @yasminarab13532 жыл бұрын

    realy my best moment when i a notification come from your channel and my Shopping pleasure is when i buy your Courses im Udemy... special thx for this vedio coz i realy need it. and one thing, plz when you Build some Css with bootstrap.. can you plzzzz explain it and what it does coz realy i dont have time to study bootstrap

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    This is so nice of you, thank you very much! Means a lot to me. And yes, I try to explain CSS a bit more in the future, but maybe it's not that necessary anymore when we use MudBlazor. 😉

  • @muralikrishnachowdarypolin5601
    @muralikrishnachowdarypolin56012 жыл бұрын

    Please do details video on state management

  • @Cornet435
    @Cornet4352 жыл бұрын

    Hey I have some question about JWT Token, do u think that I can use it in my ASP Net RAZOR applictation with razor pages? or JWT are only for API RESTful?

  • @mihaimyh
    @mihaimyh2 жыл бұрын

    How can you use async to invoke the event? Does it has InvokeAsync like the EventCallback? Couldn't you use an event of type EventCallback instead of an Action?

  • @harrisonwell1719
    @harrisonwell1719 Жыл бұрын

    How does Dispose method get called?

  • @sylinxstark3882
    @sylinxstark38822 жыл бұрын

    Hello thank you for great content. But ı wonder how can i keep my value static like ı have a drawer and i bind-open a variable so i have many pages and when i go some other page drawer close itself because it is in mainlayout and default value is false. How can i keep that value when change true or false thank you for your answer.

  • @PatrickGod

    @PatrickGod

    2 жыл бұрын

    Hey there! Thanks for your feedback. 😊 Have you tried using a service for that matter? Hope this helps. Take care, Patrick

  • @sylinxstark3882

    @sylinxstark3882

    2 жыл бұрын

    @@PatrickGod I did not try that. But i have to do i think because no easy way to do that :(

  • @arielspalter7425
    @arielspalter7425 Жыл бұрын

    I am confused as to why the callback event in the NotificationCount component is needed. Couldn’t we just implement the resetCount method and assign it to @onclick (built in event of a button) ? Thanks for your videos! They’re always very informative and helpful. EDIT- one more question…how did the NotificationCount component ended up in the top right corner? I couldn’t find where it was added to the navbar or to the MainLayout? Thanks again 😊

  • @joaoalbertofn

    @joaoalbertofn

    Жыл бұрын

    I have the same question about how did the NotificationCount component ended up in the top right corner.