Highly declarative UI without using templates

Most of the Web applications today written in traditional web framework is just mechanically assembled code with duplicates, rooted in the domain model which leads to more code and maintenance cost.

To improve this, MetaUI offers different way how web application can be built (declaratively) in order to render dynamically whole User Interface on the fly without templates rather than letting you layout your fields or components manually for every single use case over and over again.

Transcript

1. Highly declarative UI without using templates Frank Kolar Sept 29, 2019 @frankkolarcz @metauiframework frank.kolar@sap.com External
2. Agenda Motivation Features Demo OSS Rules 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. Thank you ! @frankkolarcz @frankkolarcz @metauiframework https://metaui.io