Duration: 34:06

1,573 views

7

Many business applications are data-driven and require viewing and entering data in forms… countless forms. Unfortunately, writing HTML5-based web forms manually is still error-prone and tedious, even with the help of modern web application frameworks like Angular. A form may seem simple at first, but you usually need to add live validation and error markers, rule-based visibility, input restrictions, and the like. As you can imagine, it quickly gets out of hand. Finally, when you have many of these forms the code becomes unmaintainable.

In this talk, we will present JSON Forms, a component of the EMF Client Platform Eclipse project, which is focused on form-based UIs and built with web components. JSON Forms utilizes JSON Schema and JSON to describe the data as well as its mapping to a form - both in a declarative way. A renderer will then take care to render a UI with HTML/CSS/JavaScript.
We will start with a short introduction to the concept of declarative UI modeling and will then demonstrate how JSON Forms can be used in vanilla HTML/JavaScript/CSS as well as in typical Angular and React web applications.

Speaker(s):
Maximilian Koegel (EclipseSource Munich)