diff --git a/packages/angular-material/example/app/app.component.ts b/packages/angular-material/example/app/app.component.ts
index 18b0ec0f9e..17cb1d0d5a 100644
--- a/packages/angular-material/example/app/app.component.ts
+++ b/packages/angular-material/example/app/app.component.ts
@@ -1,7 +1,7 @@
 /*
   The MIT License
 
-  Copyright (c) 2017-2019 EclipseSource Munich
+  Copyright (c) 2017-2020 EclipseSource Munich
   https://github.com/eclipsesource/jsonforms
 
   Permission is hereby granted, free of charge, to any person obtaining a copy
@@ -23,19 +23,34 @@
   THE SOFTWARE.
 */
 import { Component } from '@angular/core';
-import { JsonFormsAngularService } from '@jsonforms/angular';
+import { ExampleDescription, getExamples } from '@jsonforms/examples';
 import {
-  Actions,
-  getData,
-  getUiSchema,
-  setLocale,
   setReadonly,
+  UISchemaElement,
+  UISchemaTester,
   unsetReadonly,
-  setConfig
 } from '@jsonforms/core';
-import { getExamples } from '@jsonforms/examples';
-import { of } from 'rxjs';
-import { map } from 'rxjs/operators';
+import { angularMaterialRenderers } from '../../src/index';
+import { clone } from 'lodash';
+const uiSchema = {
+  type: 'HorizontalLayout',
+  elements: [
+    {
+      type: 'Control',
+      scope: '#/properties/buyer/properties/email'
+    },
+    {
+      type: 'Control',
+      scope: '#/properties/status'
+    }
+  ]
+};
+const itemTester: UISchemaTester = (_schema, schemaPath, _path) => {
+  if (schemaPath === '#/properties/warehouseitems/items') {
+    return 10;
+  }
+  return -1;
+};
 @Component({
   selector: 'app-root',
   template: `
@@ -45,7 +60,7 @@ import { map } from 'rxjs/operators';
       Example:
       <select (change)="onChange($event)">
         <option
-          *ngFor="let example of exampleData$ | async"
+          *ngFor="let example of examples"
           value="{{ example.name }}"
           label="{{ example.label }}"
         >
@@ -61,61 +76,52 @@ import { map } from 'rxjs/operators';
         {{ readonly ? 'Unset' : 'Set' }} Readonly
       </button>
     </div>
-    <jsonforms-outlet></jsonforms-outlet>
+    <jsonforms
+      [data]="selectedExample.data"
+      [schema]="selectedExample.schema"
+      [uischema]="selectedExample.uischema"
+      [renderers]="renderers"
+      (dataChange)="onDataChange($event)"
+      [locale]="currentLocale"
+      [uischemas]="uischemas"
+    ></jsonforms>
   `
 })
 export class AppComponent {
-  readonly exampleData$ = of(getExamples());
+  readonly renderers = angularMaterialRenderers;
+  readonly examples = getExamples();
+  selectedExample: ExampleDescription;
   currentLocale = 'en-US';
   private readonly = false;
   data: any;
+  uischemas: { tester: UISchemaTester; uischema: UISchemaElement; }[] = [
+    { tester: itemTester, uischema: uiSchema }
+  ];
 
-  constructor(private jsonformService: JsonFormsAngularService) {
-    const examples = getExamples();
-    const selectedExample = examples[0];
-    this.jsonformService.updateCore(
-      Actions.init(
-        selectedExample.data,
-        selectedExample.schema,
-        selectedExample.uischema
-      )
-    );
-
-    this.jsonformService.$state.pipe(
-      map(state => getData(state))
-    ).subscribe(data => this.data = data);
+  constructor() {
+    this.selectedExample = this.examples[19];
   }
-  examples() {
-    return getExamples();
+
+  onDataChange(data: any) {
+    this.data = data;
   }
 
-  onChange = (ev: any) => {
-    const examples = getExamples();
-    const selectedExample = examples.find(e => e.name === ev.target.value);
-    this.jsonformService.updateCore(
-      Actions.init(
-        selectedExample.data,
-        selectedExample.schema,
-        selectedExample.uischema
-      )
-      );
-      this.jsonformService.updateConfig(setConfig(selectedExample.config));
-      this.jsonformService.updateLocale(setLocale(this.currentLocale));
-  };
+  onChange(ev: any) {
+    this.selectedExample = this.examples.find(e => e.name === ev.target.value);
+  }
 
   changeLocale(locale: string) {
     this.currentLocale = locale;
-    this.jsonformService.updateLocale(setLocale(locale));
   }
 
   setReadonly() {
-    const uischema = getUiSchema(this.jsonformService.getState());
+    const newUiSchema = clone(this.selectedExample.uischema);
     if (this.readonly) {
-      unsetReadonly(uischema);
+      unsetReadonly(newUiSchema);
     } else {
-      setReadonly(uischema);
+      setReadonly(newUiSchema);
     }
     this.readonly = !this.readonly;
-    this.jsonformService.updateCore(Actions.setUISchema(uischema));
+    this.selectedExample.uischema = newUiSchema;
   }
 }
diff --git a/packages/angular-material/example/app/app.module.ts b/packages/angular-material/example/app/app.module.ts
index 00116077b0..08d79c7e27 100644
--- a/packages/angular-material/example/app/app.module.ts
+++ b/packages/angular-material/example/app/app.module.ts
@@ -1,7 +1,7 @@
 /*
   The MIT License
 
-  Copyright (c) 2017-2019 EclipseSource Munich
+  Copyright (c) 2017-2020 EclipseSource Munich
   https://github.com/eclipsesource/jsonforms
 
   Permission is hereby granted, free of charge, to any person obtaining a copy
@@ -25,13 +25,9 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { Actions, UISchemaTester } from '@jsonforms/core';
 import { AppComponent } from './app.component';
 import { JsonFormsAngularMaterialModule } from '../../src/module';
 
-import { initialState } from './store';
-import { JsonFormsAngularService } from '@jsonforms/angular';
-
 @NgModule({
   declarations: [AppComponent],
   imports: [
@@ -43,40 +39,4 @@ import { JsonFormsAngularService } from '@jsonforms/angular';
   schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {
-  constructor(jsonformsService: JsonFormsAngularService) {
-
-    jsonformsService.init(initialState.jsonforms);
-    const example = initialState.examples.data[19];
-
-    jsonformsService.updateCore(
-      Actions.init(example.data, example.schema, example.uischema)
-    );
-
-    const uiSchema = {
-      type: 'HorizontalLayout',
-      elements: [
-        {
-          type: 'Control',
-          scope: '#/properties/buyer/properties/email'
-        },
-        {
-          type: 'Control',
-          scope: '#/properties/status'
-        }
-      ]
-    };
-    const itemTester: UISchemaTester = (_schema, schemaPath, _path) => {
-      if (schemaPath === '#/properties/warehouseitems/items') {
-        return 10;
-      }
-      return -1;
-    };
-    jsonformsService.updateUiSchema(Actions.registerUISchema(itemTester, uiSchema));
-  }
 }
-
-/*
-Copyright 2017-2018 Google Inc. All Rights Reserved.
-Use of this source code is governed by an MIT-style license that
-can be found in the LICENSE file at http://angular.io/license
-*/
diff --git a/packages/angular-material/test/autocomplete-control.spec.ts b/packages/angular-material/test/autocomplete-control.spec.ts
index 28adff379d..ae018483a3 100644
--- a/packages/angular-material/test/autocomplete-control.spec.ts
+++ b/packages/angular-material/test/autocomplete-control.spec.ts
@@ -304,9 +304,14 @@ describe('AutoComplete control Error Tests', () => {
     setupMockStore(fixture, {
       uischema,
       schema,
-      data,
-      errors
+      data
     });
+    const formsService = getJsonFormsService(component);
+    // tslint:disable-next-line: no-string-literal
+    formsService['_state'].core.errors = errors;
+    // tslint:disable-next-line: no-string-literal
+    formsService['updateSubject']();
+
     component.ngOnInit();
     fixture.detectChanges();
     const debugErrors: DebugElement[] = fixture.debugElement.queryAll(
diff --git a/packages/angular-material/test/date-control.spec.ts b/packages/angular-material/test/date-control.spec.ts
index 5035d6888e..fa4ca9c1b6 100644
--- a/packages/angular-material/test/date-control.spec.ts
+++ b/packages/angular-material/test/date-control.spec.ts
@@ -251,17 +251,21 @@ describe('Date control Error Tests', () => {
     setupMockStore(fixture, {
       uischema,
       schema,
-      data,
-      errors: [
-        {
-          dataPath: 'foo',
-          message: 'Hi, this is me, test error!',
-          params: '',
-          keyword: '',
-          schemaPath: ''
-        }
-      ]
+      data
     });
+    const formsService = getJsonFormsService(component);
+    // tslint:disable-next-line: no-string-literal
+    formsService['_state'].core.errors = [
+      {
+        dataPath: 'foo',
+        message: 'Hi, this is me, test error!',
+        params: '',
+        keyword: '',
+        schemaPath: ''
+      }
+    ];
+    // tslint:disable-next-line: no-string-literal
+    formsService['updateSubject']();
 
     component.ngOnInit();
     fixture.detectChanges();
diff --git a/packages/angular-test/src/boolean.ts b/packages/angular-test/src/boolean.ts
index 18354869bd..a8dc39d828 100644
--- a/packages/angular-test/src/boolean.ts
+++ b/packages/angular-test/src/boolean.ts
@@ -279,22 +279,26 @@ export const booleanErrorTest = <C extends JsonFormsControl, I>(
   it('should display errors', () => {
     component.uischema = uischema;
 
-    getJsonFormsService(component).init({
+    const formsService = getJsonFormsService(component);
+    formsService.init({
       core: {
         data,
         schema: defaultBooleanTestSchema,
-        errors: [
-          {
-            dataPath: 'foo',
-            message: 'Hi, this is me, test error!',
-            keyword: '',
-            params: '',
-            schemaPath: ''
-          }
-        ],
         uischema: undefined
       }
     });
+    // tslint:disable-next-line: no-string-literal
+    formsService['_state'].core.errors = [
+      {
+        dataPath: 'foo',
+        message: 'Hi, this is me, test error!',
+        keyword: '',
+        schemaPath: '',
+        params: ''
+      }
+    ];
+    // tslint:disable-next-line: no-string-literal
+    formsService['updateSubject']();
 
     component.ngOnInit();
     fixture.detectChanges();
diff --git a/packages/angular-test/src/number.ts b/packages/angular-test/src/number.ts
index 5d4f3749ef..654f9542f7 100644
--- a/packages/angular-test/src/number.ts
+++ b/packages/angular-test/src/number.ts
@@ -339,22 +339,26 @@ export const numberErrorTest = <C extends JsonFormsControl>(
   it('should display errors', () => {
     component.uischema = testData.uischema;
 
-    getJsonFormsService(component).init({
+    const formsService = getJsonFormsService(component);
+    formsService.init({
       core: {
         data: testData.data,
         schema: testData.schema,
-        errors: [
-          {
-            dataPath: 'foo',
-            message: 'Hi, this is me, test error!',
-            keyword: '',
-            schemaPath: '',
-            params: ''
-          }
-        ],
         uischema: undefined
       }
     });
+    // tslint:disable-next-line: no-string-literal
+    formsService['_state'].core.errors = [
+      {
+        dataPath: 'foo',
+        message: 'Hi, this is me, test error!',
+        keyword: '',
+        schemaPath: '',
+        params: ''
+      }
+    ];
+    // tslint:disable-next-line: no-string-literal
+    formsService['updateSubject']();
     component.ngOnInit();
     fixture.detectChanges();
     const debugErrors: DebugElement[] = fixture.debugElement.queryAll(
diff --git a/packages/angular-test/src/range.ts b/packages/angular-test/src/range.ts
index fb470405ac..a40c5ad410 100644
--- a/packages/angular-test/src/range.ts
+++ b/packages/angular-test/src/range.ts
@@ -323,22 +323,27 @@ export const rangeErrorTest = <C extends JsonFormsControl, I>(
     component.uischema = rangeDefaultTestData.uischema;
     component.schema = rangeDefaultTestData.schema;
 
-    getJsonFormsService(component).init({
+    const formsService = getJsonFormsService(component);
+    formsService.init({
       core: {
         data: rangeDefaultTestData.data,
         schema: rangeDefaultTestData.schema,
-        errors: [
-          {
-            dataPath: 'foo',
-            message: 'Hi, this is me, test error!',
-            params: '',
-            schemaPath: '',
-            keyword: ''
-          }
-        ],
         uischema: undefined
       }
     });
+    // tslint:disable-next-line: no-string-literal
+    formsService['_state'].core.errors = [
+      {
+        dataPath: 'foo',
+        message: 'Hi, this is me, test error!',
+        keyword: '',
+        schemaPath: '',
+        params: ''
+      }
+    ];
+    // tslint:disable-next-line: no-string-literal
+    formsService['updateSubject']();
+
     component.ngOnInit();
     fixture.detectChanges();
     const debugErrors: DebugElement[] = fixture.debugElement.queryAll(
diff --git a/packages/angular-test/src/text.ts b/packages/angular-test/src/text.ts
index 38bfa6e91d..e5f588fbb5 100644
--- a/packages/angular-test/src/text.ts
+++ b/packages/angular-test/src/text.ts
@@ -26,13 +26,13 @@ import { DebugElement } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { JsonFormsControl } from '@jsonforms/angular';
-import { ControlElement, JsonSchema, Actions } from '@jsonforms/core';
+import { Actions, ControlElement, JsonSchema } from '@jsonforms/core';
 import {
   baseSetup,
   ErrorTestExpectation,
+  getJsonFormsService,
   TestConfig,
-  TestData,
-  getJsonFormsService
+  TestData
 } from './util';
 
 interface ComponentResult<C extends JsonFormsControl> {
@@ -292,22 +292,26 @@ export const textErrorTest = <C extends JsonFormsControl>(
   it('should display errors', () => {
     component.uischema = testData.uischema;
 
-    getJsonFormsService(component).init({
+    const formsService = getJsonFormsService(component);
+    formsService.init({
       core: {
         data: testData.data,
         schema: testData.schema,
-        errors: [
-          {
-            dataPath: 'foo',
-            message: 'Hi, this is me, test error!',
-            keyword: '',
-            schemaPath: '',
-            params: ''
-          }
-        ],
         uischema: undefined
       }
     });
+    // tslint:disable-next-line: no-string-literal
+    formsService['_state'].core.errors = [
+      {
+        dataPath: 'foo',
+        message: 'Hi, this is me, test error!',
+        keyword: '',
+        schemaPath: '',
+        params: ''
+      }
+    ];
+    // tslint:disable-next-line: no-string-literal
+    formsService['updateSubject']();
     component.ngOnInit();
     fixture.detectChanges();
     const debugErrors: DebugElement[] = fixture.debugElement.queryAll(
diff --git a/packages/angular-test/src/util.ts b/packages/angular-test/src/util.ts
index c0ab16fec3..e88d0ccffc 100644
--- a/packages/angular-test/src/util.ts
+++ b/packages/angular-test/src/util.ts
@@ -50,7 +50,7 @@ export const baseSetup = <C extends JsonFormsControl>(
     TestBed.configureTestingModule({
       declarations: [testConfig.componentUT],
       imports: testConfig.imports,
-      providers: testConfig.providers
+      providers: [JsonFormsAngularService].concat(testConfig.providers)
     }).compileComponents();
   });
 };
diff --git a/packages/angular/src/index.ts b/packages/angular/src/index.ts
index 545e73da6e..24de9017d0 100644
--- a/packages/angular/src/index.ts
+++ b/packages/angular/src/index.ts
@@ -1,7 +1,7 @@
 /*
   The MIT License
   
-  Copyright (c) 2017-2019 EclipseSource Munich
+  Copyright (c) 2017-2020 EclipseSource Munich
   https://github.com/eclipsesource/jsonforms
   
   Permission is hereby granted, free of charge, to any person obtaining a copy
@@ -29,3 +29,4 @@ export * from './jsonforms.component';
 export * from './jsonforms.module';
 export * from './unknown.component';
 export * from './jsonforms.service';
+export * from './jsonforms-root.component';
diff --git a/packages/angular/src/jsonforms-root.component.ts b/packages/angular/src/jsonforms-root.component.ts
new file mode 100644
index 0000000000..5e97678d00
--- /dev/null
+++ b/packages/angular/src/jsonforms-root.component.ts
@@ -0,0 +1,99 @@
+/*
+  The MIT License
+
+  Copyright (c) 2017-2020 EclipseSource Munich
+  https://github.com/eclipsesource/jsonforms
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+
+  The above copyright notice and this permission notice shall be included in
+  all copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+  THE SOFTWARE.
+*/
+import {
+    Component,
+    EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges
+} from '@angular/core';
+import { generateDefaultUISchema, JsonFormsRendererRegistryEntry, JsonSchema, UISchemaElement, UISchemaTester } from '@jsonforms/core';
+import { JsonFormsAngularService } from './jsonforms.service';
+@Component({
+    selector: 'jsonforms',
+    template: '<jsonforms-outlet></jsonforms-outlet>',
+    providers: [JsonFormsAngularService]
+})
+export class JsonForms implements OnChanges, OnInit {
+
+    @Input() uischema: UISchemaElement;
+    @Input() schema: JsonSchema;
+    @Input() data: any;
+    @Input() renderers: JsonFormsRendererRegistryEntry[];
+    @Input() uischemas: { tester: UISchemaTester; uischema: UISchemaElement; }[];
+    @Output() dataChange = new EventEmitter<any>();
+    @Input() locale: string;
+
+    constructor(private jsonformsService: JsonFormsAngularService) {
+    }
+
+    ngOnInit(): void {
+        this.jsonformsService.init({
+            core: {
+                data: this.data,
+                uischema: this.uischema ?? generateDefaultUISchema(this.schema),
+                schema: this.schema
+            },
+            uischemas: this.uischemas,
+            i18n: { locale: this.locale, localizedSchemas: undefined, localizedUISchemas: undefined },
+            renderers: this.renderers
+        });
+        this.jsonformsService.$state.subscribe(state => {
+            const data = state?.jsonforms?.core?.data;
+            if (data) {
+                this.dataChange.emit(data);
+            }
+        });
+    }
+
+    ngOnChanges(changes: SimpleChanges): void {
+        const newUiSchema = changes.uischema;
+        if (newUiSchema && !newUiSchema.isFirstChange()) {
+            this.jsonformsService.setUiSchema(newUiSchema.currentValue);
+        }
+
+        const newSchema = changes.schema;
+        if (newSchema && !newSchema.isFirstChange()) {
+            this.jsonformsService.setSchema(newSchema.currentValue);
+        }
+
+        const newData = changes.data;
+        if (newData && !newData.isFirstChange()) {
+            this.jsonformsService.setData(newData.currentValue);
+        }
+
+        const newRenderers = changes.renderers;
+        if (newRenderers && !newRenderers.isFirstChange()) {
+            this.jsonformsService.setRenderers(newRenderers.currentValue);
+        }
+
+        const newUischemas = changes.uischemas;
+        if (newUischemas && !newUischemas.isFirstChange()) {
+            this.jsonformsService.setUiSchemas(newUischemas.currentValue);
+        }
+
+        const newLocale = changes.locale;
+        if (newLocale && !newLocale.isFirstChange()) {
+            this.jsonformsService.setLocale(newLocale.currentValue);
+        }
+    }
+}
diff --git a/packages/angular/src/jsonforms.module.ts b/packages/angular/src/jsonforms.module.ts
index 2851430486..70226d64b0 100644
--- a/packages/angular/src/jsonforms.module.ts
+++ b/packages/angular/src/jsonforms.module.ts
@@ -1,7 +1,7 @@
 /*
   The MIT License
   
-  Copyright (c) 2017-2019 EclipseSource Munich
+  Copyright (c) 2017-2020 EclipseSource Munich
   https://github.com/eclipsesource/jsonforms
   
   Permission is hereby granted, free of charge, to any person obtaining a copy
@@ -24,11 +24,12 @@
 */
 import { NgModule } from '@angular/core';
 
+import { JsonForms } from './jsonforms-root.component';
 import { JsonFormsOutlet } from './jsonforms.component';
 import { UnknownRenderer } from './unknown.component';
 @NgModule({
-  declarations: [JsonFormsOutlet, UnknownRenderer],
+  declarations: [JsonFormsOutlet, UnknownRenderer, JsonForms],
   entryComponents: [UnknownRenderer],
-  exports: [JsonFormsOutlet]
+  exports: [JsonFormsOutlet, JsonForms]
 })
 export class JsonFormsModule {}
diff --git a/packages/angular/src/jsonforms.service.ts b/packages/angular/src/jsonforms.service.ts
index 6e4e6fda85..2993824cbc 100644
--- a/packages/angular/src/jsonforms.service.ts
+++ b/packages/angular/src/jsonforms.service.ts
@@ -1,58 +1,108 @@
+/*
+  The MIT License
+  
+  Copyright (c) 2017-2020 EclipseSource Munich
+  https://github.com/eclipsesource/jsonforms
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in
+  all copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+  THE SOFTWARE.
+*/
 import {
-  configReducer,
-  CoreActions,
-  coreReducer,
-  i18nReducer,
-  JsonFormsRendererRegistryEntry,
-  JsonFormsState,
-  JsonFormsSubStates,
-  LocaleActions,
-  RankedTester,
-  setConfig,
-  SetConfigAction,
-  UISchemaActions,
-  UISchemaElement,
-  uischemaRegistryReducer,
-  ValidationMode,
-  Actions
+    Actions,
+    configReducer,
+    CoreActions,
+    coreReducer,
+    generateDefaultUISchema,
+    i18nReducer,
+    JsonFormsRendererRegistryEntry,
+    JsonFormsState,
+    JsonFormsSubStates,
+    JsonSchema,
+    LocaleActions,
+    RankedTester,
+    setConfig,
+    SetConfigAction,
+    UISchemaActions,
+    UISchemaElement,
+    uischemaRegistryReducer,
+    UISchemaTester,
+    ValidationMode
 } from '@jsonforms/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { JsonFormsBaseRenderer } from './base.renderer';
 
 import { cloneDeep } from 'lodash';
-import { Injectable } from '@angular/core';
-
-@Injectable({
-    providedIn: 'root'
-})
 export class JsonFormsAngularService {
 
     private _state: JsonFormsSubStates;
     private state: BehaviorSubject<JsonFormsState>;
 
-    init(initialState: JsonFormsSubStates = {}) {
+    init(initialState: JsonFormsSubStates = { core: { data: undefined, schema: undefined, uischema: undefined } }) {
         this._state = initialState;
         this._state.config = configReducer(undefined, setConfig(this._state.config));
         this.state = new BehaviorSubject({ jsonforms: this._state });
+        if (initialState?.core.data && initialState?.core.schema) {
+            this.updateCore(
+                Actions.init(
+                    initialState.core.data,
+                    initialState.core.schema,
+                    initialState.core.uischema ?? generateDefaultUISchema(initialState.core.schema)
+                )
+            );
+        }
     }
 
     get $state(): Observable<JsonFormsState> {
         if (!this.state) {
-            this.init();
+            throw new Error('Please call init first!');
         }
         return this.state.asObservable();
     }
 
+    /**
+     * @deprecated use {@link JsonFormsAngularService.addRenderer}
+     */
     registerRenderer(renderer: JsonFormsBaseRenderer<UISchemaElement>, tester: RankedTester): void {
+        this.addRenderer(renderer, tester);
+    }
+    addRenderer(renderer: JsonFormsBaseRenderer<UISchemaElement>, tester: RankedTester): void {
         this._state.renderers.push({ renderer, tester });
         this.updateSubject();
     }
+
+    /**
+     * @deprecated use {@link JsonFormsAngularService.setRenderer}
+     */
     registerRenderers(renderers: JsonFormsRendererRegistryEntry[]): void {
+        this.setRenderers(renderers);
+    }
+    setRenderers(renderers: JsonFormsRendererRegistryEntry[]): void {
         this._state.renderers = renderers;
         this.updateSubject();
     }
 
+    /**
+     * @deprecated use {@link JsonFormsAngularService.removeRenderer}
+     */
     unregisterRenderer(tester: RankedTester): void {
+        this.removeRenderer(tester);
+    }
+    removeRenderer(tester: RankedTester): void {
         const findIndex = this._state.renderers.findIndex(v => v.tester === tester);
         if (findIndex === -1) {
             return;
@@ -82,6 +132,9 @@ export class JsonFormsAngularService {
         return coreAction;
     }
 
+    /**
+     * @deprecated use {@link JsonFormsAngularService.setUiSchemas}
+     */
     updateUiSchema<T extends UISchemaActions>(uischemaAction: T): T {
         const uischemaState = uischemaRegistryReducer(this._state.uischemas, uischemaAction);
         this._state.uischemas = uischemaState;
@@ -89,6 +142,11 @@ export class JsonFormsAngularService {
         return uischemaAction;
     }
 
+    setUiSchemas(uischemas: { tester: UISchemaTester; uischema: UISchemaElement; }[]): void {
+        this._state.uischemas = uischemas;
+        this.updateSubject();
+    }
+
     updateConfig<T extends SetConfigAction>(setConfigAction: T): T {
         const configState = configReducer(this._state.config, setConfigAction);
         this._state.config = configState;
@@ -96,11 +154,36 @@ export class JsonFormsAngularService {
         return setConfigAction;
     }
 
+    setUiSchema(uischema: UISchemaElement): void {
+        this._state.core.uischema = uischema;
+        this.updateSubject();
+    }
+
+    setSchema(schema: JsonSchema): void {
+        this._state.core.schema = schema;
+        this.updateSubject();
+    }
+
+    setData(data: any): void {
+        this._state.core.data = data;
+        this.updateSubject();
+    }
+
+    setLocale(locale: string): void {
+        this._state.i18n.locale = locale;
+        this.updateSubject();
+    }
+
     getState(): JsonFormsState {
         return cloneDeep({ jsonforms: this._state });
     }
 
+    refresh(): void {
+        this.updateSubject();
+    }
+
     private updateSubject(): void {
         this.state.next({ jsonforms: this._state });
     }
+
 }