MVP Mix 2015 Leveraging MVVM on all Platforms
Model View ViewModel (MVVM) is an architectural pattern that originated from Microsoft and provides a pattern for code-sharing across Windows Store and Windows Phone apps; however, you can take MVVM anywhere - including iOS and Android! MVVM frameworks act as the glue that ties together the apps user interface and business logic and adds amazing features such as data binding and commands. There are several MVVM frameworks that allow you to share more code on iOS, Android, and Windows including Bind, MVVM Light, MvvmCross, and Xamarin.Forms ships with its own lightweight MVVM framework. Come learn what exactly the MVVM pattern is, and when to use it. We will go through the pros and cons of several architectural patterns, such as MVC and MVP, and compare them to MVVM. We will investigate several different MVVM frameworks from lightweight to heavier approaches. Walk away with the ability to leverage the MVVM framework for optimal code reuse in creating beautiful native mobile applications on every platform
More Related Content
What's hot
What's hot (20)
Similar to MVP Mix 2015 Leveraging MVVM on all Platforms
Similar to MVP Mix 2015 Leveraging MVVM on all Platforms (20)
More from James Montemagno
More from James Montemagno (20)
Recently uploaded
Recently uploaded (20)
MVP Mix 2015 Leveraging MVVM on all Platforms
- 2. Who’s this guy… really? James Montemagno Developer Evangelist james@xamarin.com http://motz.codes @JamesMontemagno
- 3. “MVVM is awesome and will revolutionize your application development process.” -‐James Montemagno
- 4. Let’s talk architecture! (﴾everyone loves architecture..)﴿
- 5. Why do we architect 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
- 7. What is MVC?
- 10. Model-‐View-‐ViewModel ModelView ViewModel How to display information What to display Flow of interaction Business Logic Data objects Events Data Data Platform Specific Portable
- 11. Why MVVM?
- 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 != Data Binding
- 15. MVVM Framework == Data Binding
- 17. Model-‐View-‐ViewModel Model View ViewModel 1 Action 2 Event Handling 3 Command 4 Access Data 5 Notify change 6 Get Changed Data 7 Update UI Click Hello! Magic Binder
- 18. Microsoft World • Built into: – Windows Phone – Windows Store – WPF • Provides: – Data Binding – Command • Does NOT Provide – Navigation – IoC – Messaging – Other Fun Stuff
- 20. What Did We Just 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
- 22. View Services ViewModel IDialog WPF iOS/Android Windows Phone TestDialogServices
- 23. View Services In Action 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 In Action
- 25. What about….
- 26. Silo Approach Build Apps ! Multiple Times!
- 27. Not Really Built for MVVM L
- 28. Native With ! Code Sharing! Xamarin’s Unique Approach
- 29. Bind • Simple two-‐way data binding • Open source: https://github.com/praeclarum/Bind
- 31. Full Frameworks • Data Binding • Commands • Navigation • IoC • Plugins • So Much More…
- 32. Even More MVVM Light MVVMCross Xamarin.Forms
- 34. What about the Web?
- 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 – Awesome Microsoft 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