Downloaded 33 times
Uploaded byJames Montemagno
MVP Mix 2015 Leveraging MVVM on all Platforms
The document features a presentation by James Montemagno discussing the MVVM (Model-View-ViewModel) architectural pattern and its advantages for application development, such as organization and maintainability of code. It also outlines the differences between MVVM and MVC, highlights key components like data binding and commands, and provides resources for further learning. Montemagno emphasizes that MVVM leads to more testable code and the ability to abstract platform differences, ultimately enhancing code reusability and development efficiency.
More Related Content
Similar to MVP Mix 2015 Leveraging MVVM on all Platforms
MVP Mix 2015 Leveraging MVVM on all Platforms
- 1.
- 2. Who’s this guy…really? James Montemagno Developer Evangelist james@xamarin.com http://motz.codes @JamesMontemagno
- 3. “MVVM is awesomeand will revolutionize your application development process.” -‐James Montemagno
- 4. Let’s talk architecture! (﴾everyoneloves architecture..)﴿
- 5. Why do wearchitect our code? • Organization & Maintainability of Code • Abstract away all business logic • Code re-‐use • Make our views “dumb” and replaceable • Our architect told us to
- 6.
- 7.
- 8.
- 9.
- 10. Model-‐View-‐ViewModel ModelView ViewModel How todisplay information What to display Flow of interaction Business Logic Data objects Events Data Data Platform Specific Portable
- 11.
- 12. ! View Models! (Properties, Commands,etc.)! ! Models: Data, Services, Etc. Models: Data, Services, Etc.
- 13. Why MVVM? • Organization& Maintainability of Code • Abstract away all business logic • Code re-‐use • Make our views “dumb” and replaceable • Our architect told us to
- 14. MVVM != DataBinding
- 15. MVVM Framework ==Data Binding
- 16.
- 17. Model-‐View-‐ViewModel Model View ViewModel 1 Action 2Event Handling 3 Command 4 Access Data 5 Notify change 6 Get Changed Data 7 Update UI Click Hello! Magic Binder
- 18. Microsoft World • Builtinto: – Windows Phone – Windows Store – WPF • Provides: – Data Binding – Command • Does NOT Provide – Navigation – IoC – Messaging – Other Fun Stuff
- 19.
- 20. What Did WeJust See? • INotifyPropertyChanged – Notifies UI of Changes – Check value changed before value changes – Enables Databinding • ICommand – Contract for “Commanding” – Optional parameters – Can Execute • Used to enable/disable • Manually must trigger when property changes
- 21.
- 22. View Services ViewModel IDialog WPF iOS/Android WindowsPhone TestDialogServices
- 23. View Services InAction var av = new UIAlertView( title, message, null, buttonText, null); av.Show(); var builder = new AlertDialog.Builder( ActivityBase.CurrentActivity); builder.SetMessage(message); if (!string.IsNullOrEmpty(title)) { builder.SetTitle(title); } builder.SetPositiveButton( buttonConfirmText, null); return builder; MessageBox.Show( message, title ?? string.Empty, MessageBoxButton.OK); Android iOSWindows Phone
- 24. View Services InAction
- 25.
- 26. Silo Approach Build Apps! Multiple Times!
- 27. Not Really Builtfor MVVM L
- 28. Native With ! CodeSharing! Xamarin’s Unique Approach
- 29. Bind • Simple two-‐waydata binding • Open source: https://github.com/praeclarum/Bind
- 30.
- 31. Full Frameworks • DataBinding • Commands • Navigation • IoC • Plugins • So Much More…
- 32. Even More MVVM Light MVVMCross Xamarin.Forms
- 33.
- 34. What about theWeb?
- 35. To Recap • MVVM – More maintainable code – More testable code – Ability to abstract platform differences – Just a pattern • MVVM Framework – Brings in data binding – Speeds up repetitive work
- 36. MVVM == Tim &Eric Awesome Show GIF
- 37. Resources • MVVM – AwesomeMicrosoft Docs • bit.ly/ms-‐mvvm – MVVM Light + Xamarin • bit.ly/mvvmlight-‐xamarin – Xamarin.Forms + XAML & MVVM • bit.ly/xamarin-‐forms-‐mvvm – MVVMCross • https://github.com/MvvmCross/MvvmCross – MVVM Announcement Blog by John Gossman • http://blogs.msdn.com/b/johngossman/archive/ 2005/10/08/478683.aspx
- 38.
- 39.