@jsonui/react 0.0.11 → 0.1.0

package/README.md

@@ -23,12 +23,12 @@ yarn add @jsonui/react
 
 ## Basic Usage
 
-The `JsonUI` Component is a canvas and the `viewDef` parameter contains the UI definition in Json format.
+The `JsonUI` Component is a canvas and the `model` parameter contains the UI definition in Json format.
 
 ```js
 import {JsonUI} from '@jsonui/react';
 
-const Canvas = () => <JsonUI viewDef={
+const Canvas = () => <JsonUI model={
     { "$comp": "Text",
       "$children": "Hello World",
       "style": { "fontSize": 30 }
@@ -90,7 +90,7 @@ Easily.
 
 ```js
 
-const Canvas = () => <JsonUI viewDef={jsonData}
+const Canvas = () => <JsonUI model={jsonData}
   "components"={
     {
      nagivate: ({route}) => navigate(route)
@@ -149,7 +149,7 @@ Let's see some example
 ```json
 {
   "$comp": "Input",
-  "value": { "$name": "get", "store": "questionnaire1", "path": "/firstName" },
+  "value": { "$modifier": "get", "store": "questionnaire1", "path": "/firstName" },
   "onChange": { "$action": "set", "store": "questionnaire1", "path": "/firstName" }
 }
 ```
@@ -192,7 +192,7 @@ Somethimes we need to handle dynamic data for example a list.
     "data": { "path": "/subscribed/list" }
   },
   "listItem": {
-    "component": "Input",
+    "$comp": "Input",
     "value": { "$modifier": "get", "store": "data", "path": "name" },
     "onChange": { "$action": "set", "store": "data", "path": "name" }
   }