MVVM Source Generators: Never Write MVVM Boilerplate Code Again!
Vložit
- čas přidán 3. 08. 2024
- Imagine a world where you never had to raise another property changed event or write another IComand. Well, those days are here with the new .NET Community Toolkit, which introduces brand new source generators and helper classes to enable you to write super minimal code. I break down everything you need to know about the toolkit, how to use it, and why it is awesome!
There have been several updates to the library and name changes for the properties, so check out github.com/CommunityToolkit/d... for changes
Links:
Source Code - github.com/jamesmontemagno/MV...
Toolkit Blog - devblogs.microsoft.com/dotnet...
Documentation - docs.microsoft.com/dotnet/com...
Community Toolkit on GitHub - github.com/CommunityToolkit/d...
Join this channel to get access to perks:
/ @jamesmontemagno
👕 Buy some swag! - jamesmontemagno.myspreadshop....
☕️ Buy me a coffee - www.buymeacoffee.com/jamesmon...
Follow:
👨💻 GitHub: github.com/jamesmontemagno
🦜 Twitter: / jamesmontemagno
📄 Website: www.montemagno.com
📰 Newsletter: newsletter.montemagno.com/
Chapters:
00:00 - Introduction to MVVM
06:20 - Installing .NET Community Toolkit and INotifyPropertyChanged
10:20 - ObservableObject and property changes
12:00 - ObservableProperty source generator
14:35 - ICommand source generator
17:00 - Source Generator Wrap-up
Disclaimer: This channel, videos, and streams are created in my spare time and are a product of me... James Montemagno! They are NOT officially affiliated or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.
What is on my hat? It is the CLE clothing logo because I am from Cleveland! Checkout their awesome CLE merch: cleclothingco.myshopify.com/
What is that art on my wall? It is an original piece from the French street artist Gregos of La Butte Montmartre: / bcez1onhiqx
My Setup:
💡 Nanoleaf Elements Lights - amzn.to/3umwJVW
🎙 Blue Spark Microphone - amzn.to/3qgtYkq
🎙 Blue Pop Filter - amzn.to/3jEWM3r
🤳 Rode Microphone Arm - amzn.to/2Z68AlE
🎧 Sony MDR7306 Headphones - amzn.to/372jxta
📲 Stream Deck - amzn.to/373Uk1n
📹 Elgato Cam Link - amzn.to/3a9eGbh
📷 GoPro Hero - amzn.to/374lm90
🖱 MX Master 2S Mouse - amzn.to/3d7J2gj
⌨️ Tecware Phantom Keyboard - amzn.to/3aUP4y9
#dotnet #mvvm #sourcegenerators - Věda a technologie
There have been several updates to the library and name changes for the properties, so check out github.com/CommunityToolkit/dotnet/releases/tag/v8.0.0 for changes
This comment saved my day :) Thanks James!
Hi! Idk if you can help me on one thing. When I create a [ObservableProperty] of anything (string, ObservableCollection etc) the binding work perfectly.
When I create a [ObservableProperty ] of a Model, i can't get the ui to update...I really don't get it.
When I debug my Model.Properties get updated, but the ui dont. I try UpdateSourceTrigger=PropertyChanged, OneWay, TwoWay etc on the view. Nothing works.
Thanks
Cheers!
Wow... Game changer. Kudos to all involved. Can't wait to start using it. Thanks for the video James 👍
Shout out to James! You continue to help me up my game. This MVVM source generator is awesome and I look forward to more updates on recent developments.
Great, great, great. And as usual, brilliantly described. Nice work James & team.
Makes the code so much cleaner, and easier to understand for others.
Wow, finally something that fixes my biggest gripe with xaml MVVM development. Thx James!
This is beyond awesome! Super easy to implement. Makes your code soooo lean and easy to read. I love how you can use the code generation where you want to and still go the long route if you need to do stuff in your Get or Set. Excellent code! And a great video showing how to use it!
Glad you like it!
You said it: it's ridiculously awesome. I've been working with WINUI 3 and i can see some differences that could be tricky for a newbie like me, but in the road we learn. Thanks James.
MIND BLOWN! I love this with a passion. This helps reduce stupid errors both in initial creation and going back and modifying. This is awesome. I've used code generators in the past and I love them, but this is next level. Thanks again James!
🎉🎉🎉
Wow simply wow! The MCT.MVVM was already very helpful but this is incredible!
Thanks James! Amazing and easily broken down. Definitely applying this
This is so awesome! One of the hurdles of understanding and effectively using MVVM was getting your head around all the boilerplate plumbing code and understanding why it's needed. I always thought to myself "why can I just specify properties and commands and let the compiler do all the ceremony?" Yay! It finally happened!
Really great addition to the community toolkit! Thanks a lot for the tutorial.
Glad you like it!
Love to see the excitement in your own expressions, tells you how great it is !
Amazing. This just made WPF applications 100 times easier. Thanks for the great video.
You're welcome!
Yes, this would be my 1st personal choice among others mmvm library out there !! Thanks a bunch
I was stuck with mvvm since 2010. Now, I finally love it.
Many thanks to you James. This is really helpful and blowing my mind too 🤯🤯🤩.
This is awesome! Very clever implementation.
wow James, you are amazing. You showed my so many cool nugets, that make my life easier. Thank you very much !
My mind IS blown James! Thank you!
Great tutorial, Thanks James.
The best MVVM content creator ever thanks james.
Very useful. I was doing everything code behind. Now i will try this.
This is awesome. Thanks James.
This is honestly pretty amazing!
Yet again James is here to save the day for devs and students, thanks man.
Top notch! Nice work.
Thanks so much James, very nice
very good this! James
Awesome, thank you very much. Now I am on the hunt for some good tutorials how to create such generators by myself 🙂.
wow, how many things are change. Thank jame
Such a great tool :) thx for sharing!!!!
This is really great. Thanks for posting.
Glad you enjoyed it!
Wow, at last all that tons of lines went away... Keep those in just (a little few) attributes (not towers) thogh
Maybe with a comma we'll avoid attributes towers. Great video!😎 James.
Thanks James, you really treasure
Excellent video, and great topic, there is still a lack of video-content on Source Generators
You changed my life, bro.
Thank you so much James
Cool that is too much life will be easy after using this Thank you JM
Hi James,
Great content and thank you for bringing this to my attention, seems to work perfectly in your demo.
Small question: You had an example with the asynchronous command. Will the binding still work if I postfix the name of the method to 'SubmitAsync'? Or does the generated binding only work, because the name is 'Submit' for the method and 'SubmitCommand' in the Xaml?
Great tutorial !!!
VERY cool! Thanks for sharing!
James, thank you for this video. I wrote so much code over the last years, that I can now delete. - Just a joke. I definitely check this out!
Truly an awesome library
My mind was blown james, when you decorated the private fields with ObservableProperty
Super useful ! Thanks 👍
Game changer! Can't wait to get stuck in!
Looks like the future to me James..!
Listening to James makes me think of those old grow hair potion salesmen:
" Well James, you wrote the ISync command, now What if you want to sink the Submit button and make it sing the song?"
James:"Well you just need to carry the CommunityDev boilerplate which comes with the Generator..".
Thanks for the the very interesting presentation James though! I like it 🙃😉
Awesome... Like it so much. 😍😍😍👍👍👍
Sweet! I use base classes to do some of that but it is not a lovely as using the attributes with the generators. The new code feels right and clean. Chunky boilerplate code has always felt dirty
This is so good, that it makes me wonder why this wasn't there with the release of WPF.
Great!! Thanks for sharing
Fantastic video,!
Glad you liked it!
Waw that's awesome thank you sir.
Hooo, I need to update my projects right now!!
Wow, it is very useful. Thx a lot for the tips 👏 Can you make a video for API generator ?
Thank you James for really nice video..
One suggestion, could you please create video on DeepLinking where application can launch from url like Amazon...
Thank you for the awesome video, could you make a video how to use Messengers with the toolkit? And a video for navigation would be also very nice. Thank you!
This is awesome!
I like your plugin Media❤️
I wish a can give more than just a thumbs up, thats awesome!!!
Stunning beautiful
Amazing stuff, thanks You very much! I'm writing a simple app for my team and i just can't wrap my head around how inefficient to write is WPF.
Hi James, I love your tutorials. I've been diving a bit deeper into the MMVM Toolkit as I steadily replace my old MVVMLight code. One area not covered in your video that I'd like some more insight into is the ICommand "RaiseCanExecuteChanged". I'm seeing things like [NotifyCanExecuteChangedFor] in the new Toolkit that looks promising. Do you have a video that covers this or can you point me somewhere that might? Thanks so much.
Fantastic!!!
Excellent!
Awesome explanation, James! Thank you! Let me ask about obfuscation. Do you know if it works after obfuscating the code? I mean for a WPF app. Thanks!
Yes it does from my understanding, it is the same as if you wrote the code ;)
Awesome 😊
Looks/sounds amazing. Many thanks for the efforts. If [ObservableProperty] attribute would work without compilation error, telling MyViewModel already exists, I would really appreciate. Many thanks in advance. Again, really appreciate what you done.
Thanks for the great content. Can you please also make a video on MVVM Messaging?
It's a great idea. Since I'm a WinForms guy I keep sliding back to it because it's so simple and I can write stuff fast and clean. I tried MVVM again on my latest Xamarin application (since WinForms was not an option) but still ended up using mostly code behind because I found all the MVVM stuff just too hard to keep track of and getting it to work cleanly with the UI was just too daunting. If these people can make it less complicated that would be great. I DID find the code it generated very scary looking though. If I get some bizarre error about eyepoke() not properly initialized or the my app just hanging or disappearing I would probably give up and go simple again.
I actually made a post about "Why doesn't a system that generates the MVVM code for you!" in one of your older videos! Yes!
🎉🎉🎉🎉
OMG this cool!
INCREDIBLE 🙈
Amazing!
Amazing that is what I wanted
Coz I am lazy :)
🤣🤣🤣🤣
This is so cool 😎
MVVM is now practical with this
Great video, as usual, James. Couple quick questions: How do we pass command parameters? Does it function inside of VS 2019? Sometimes we have to drop back to use the MultiLingual extension, since it's not in VS 2022.
I believe they should, but I only have 2022 on my machines now
You can pass command parameter through whatever system the UI framework you're using has, that's separate from the command implementations the MVVM Toolkit has (for instance, on WPF/UWP/WinUI you'd do CommandParameter="{Binding ...}", or {x:Bind ...}, etc.). As for VS2019, no the generators will not work there. For the 8.0.0 release of the MVVM Toolkit I've rewritten all of them to be incremental generators, and that feature needs Roslyn 4.x to work, which isn't available on VS2019. You'll need VS2022 for that (or another modern IDE of your choice, eg. Rider). Hope this helps!
Checkout github.com/CommunityToolkit/dotnet/issues/158 for a working sample, You will need to put things in a .NET Standard library for it to fully work.
This is sweet.
Awesome!
Hi James, I am building a poc blazor hybrid application using .NET Maui in VS Preview 2022, and I am using razor pages for the UI. I am using INotifyPropertyChanged, but somehow it doesn't seem to work, anything you might know about this? Any help appreciated, thanks!
Good stuff, Maui has really delayed. We need to use all these stuff on production
An amazing tool I am using it for about a year -_-
In using the MVVM pattern, how do you go about handling Navigation.PushModalAsync when it often expects a parameter of type Page? In particular, this seems to be a concern of mine when handling a page NOT defined as a shell page. For instance, a settings modal. It seems peculiar that you get caught in an issue where the .xaml.cs of a page gets set with the BindingContext = viewModel.
it was amazing
hey James, awesome video as always, one question sits on my mind, how does this work with the xamarin community toolkit and the future MAUI community toolkit, as I see some overlapping bits, thx!
So they are all on the same GitHub organization now and are aligned. The genera .NET one will focus on full compatibility with all .NET apps and then the individual one will be specific to the frameworks and they are working on minimizing any overlap
@@JamesMontemagno awesome thx for the answer, I really like the code generated stuff but I would like to use the xamarin / Maui community toolkit as well and not have to worry about using the wrong namespace :D
great stuff for MVVM , one questions i am having like if we have more than 1 button how can we distinguish with this? Whether name of method will be same as ICommand mentioned in Xaml?
It is the name of the method and then they add Command. Checkout the source code sample. You can have as many ICommand as you need
Hi James,
I want to add some logic within my properties.
Example:
For a particular entry for Age from the UI we can set a property if the person is eligible to vote or not and display it on the UI.
Can you suggest a way how this would be implemented using CommunityToolkit.Mvvm?
Best Regards
I am with you. I created a source generator for MVVM 7 years ago, and since then I stopped writing a lot of a code. Everything is done by the source generator. Continue to propagate the idea.
How many juniour developers could understand and extend on your code without wondering about black magic and stuff? D: I am very very cautious every time I see some work being done in background by some sort of extensions or dynamic code generation or self invented conventions nobody else in the world knows about. One thing is to rely on ms own attributes and conventions with tons of documentation and tests and usage and another is thinking that I am able to create, support and fix this on my own and that when I quit the job the next guy will know what the hell is happening in the code
@@ostelaymetaule It is a very good concern and actually I had a fear that simply developers will run away. But to my surprise, a feedback was completely opposite. They gladly started using it. Why? If system is designed well, it is so natural and intuitive, developers on any level, especially juniors, just use it.
@@kamertonaudiophileplayer847 I am glad to hear you managed to make it work, I have seen couple examples earlier in my career as well, but also encountered some over engineered magic bazoongas nobody knows what it does and the original dev is long gone ;)
@@ostelaymetaule It is normal, we lost several good developers exactly for the reason. Some system for some reason wasn't designed by us well. The result was really disappointing, we started loosing people because they simply can't use the system. Solution? Do not be afraid of to redesign the system instead of trying to fix it little by little.
Sorcery! jajaja what amazing change!
Holy Molly!!!
Thanks
Hi James. This is pretty awesome. The pattern with the if(SetProperty(...)) { ... } is not new to me, I've been using that already for a while now since MvvmLight allowed me to do the same thing, except for the code generation part of it. Does this mean that we can reuse our ViewModels and share them between Xamarin/MAUI and WPF applications? Does the new Community Toolkit also include ICommand derivatives and implementations for IAsyncCommand like the Xamarin Community Toolkit does? BTW, I absolutely love that we can update the canExecute flag of Commands using attributes now, it takes away a lot of messy code pain.
It does, it included RelayCommand and AsyncRelayCommand or something like that, it is what it generates
@@JamesMontemagno that's awesome. Thanks! 😊
Thx James,
How can I use CanExecute for the Command function?
James, I am confused on this method, how do I add a Model to this? or does it all go in ViewModels?
Excellent library, great video!
Does this also work for Xamarin Forms and WPF?
Yes it does!
I tried it but I get “This generator is not generating files…”
@@JamesMontemagno I can get the ObservableProperty to work after changing to C# 9 in Xamarin Forms. Can't get the ICommand to work, the method is never called. Ver 8.0 preview2.
I figured it out. I named my method ClickMeCommand and it did not work. I changed it to ClickMe and now it works.
Hi James is this considered a mvvm framework?
And if not Is there an official or a “default “ mvvm framework?
I have searched for on but the ones I find are broken not maintained or poorly documented
All of the above makes it so difficult for newcomers as me to even get started in Maui and it would be very beneficial if you could maybe give some references
Thanks, and keep up with the great content it is really helpful.
I wouldn't consider it a framework. It is helpers for mvvm and other things for .NET developers. The documentation is being updated, but checkout devblogs.microsoft.com/ifdef-windows/announcing-net-community-toolkit-v8-0-0-preview-1/