Exercise 3: Implement UI Schema Support for JSON-Form Widget

JsonschemaFormView is a React component that allows building HTML forms based on JSON-schema for a JSON-file. If a JSON-file gets changed then an HTML form gets updated and vice versa. A JSON-schema file is referenced relative to a JSON-file via a special property $schema.

JsonschemaFormView is based on react-jsonschema-form component that allows customization of rendering with JSON via uiSchema property: https://github.com/mozilla-services/react-jsonschema-form#form-customization.

Your task is:

• to add a $uiSchema property to a JSON-file to access a UI JSON-schema file and customize rendering;
• whenever a UI JSON-Schema file gets changed then an HTML form should be updated as displayed below.

The solution

When you finish, compare your solution with the suggested.