Highly declarative UI without using templates (Graz)

Transcript

1. Highly declarative UI without using templates Frank Kolar Sept 10, 2019 - Graz @frankkolarcz @metauiframework frank.kolar@sap.com External
2. Agenda Motivation Features Demo
3. Different teams and different variations of UI
4. One set of reusable components across UI CRM Invoicing
5. – Craig Federighi “Most of the UI code written in traditional frameworks is a mechanical application of (unstated) rules rooted in the domain object data model !.” Motivation
6. What is MetaUI ? It uses your model (domain object) + Meta data describing this object ( OSS rules) Set of APIs and min. set of components To dynamically derive whole a UI for you on the fly without templates.
7. Features Dry Principle Uses Object Introspection Customization capability UI Library agnostic Visibility, Validity and Editability Create, Edit, View mode
8. Features Dry Principle
9. Features Customization capability
10. Features UI Library agnostic
11. Features Create, Edit, View mode
12. Features Visibility, Validity and Editability
13. DEMO
14. DEMO
15. Rules Review : CSS
16. Rules Review : OSS
17. OSS Syntax is similar to CSS OSS
18. OSS Syntax - nesting
19. OSS Syntax - values
20. OSS Syntax - traits
21. OSS Syntax - declaration
22. DEMO
23. Rule support • Fields • Class • Layout • Modules
24. Layout
25. Layout
26. Module
27. Future - Register rules on the fly
28. Thank you ! @frankkolarcz @frankkolarcz @metauiframework https://metaui.io