@jsonui/react 0.4.4 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -6,7 +6,7 @@ When you change the Json definition, the interface immediately reflects on what
6
6
 
7
7
  Actually JSONUI is available for **react** and **react-native**. It will be able to integrate to 99% of the cross-platform environments, thanks for reactjs ecosystem
8
8
 
9
- The UI definition contains a layout definition and components configuration as well. The most important it has a built in **state management system**. Data can be **persistent** or not, depends on the name of the store.
9
+ The UI definition contains a layout definition and components configuration as well. The most important it has a built in **state management system**.
10
10
 
11
11
  ## Core concept
12
12
 
@@ -26,13 +26,9 @@ yarn add @jsonui/react
26
26
  The `JsonUI` Component is a canvas and the `model` parameter contains the UI definition in Json format.
27
27
 
28
28
  ```js
29
- import {JsonUI} from '@jsonui/react';
29
+ import { JsonUI } from '@jsonui/react'
30
30
 
31
- const Canvas = () => <JsonUI model={
32
- { "$comp": "Text",
33
- "$children": "Hello World",
34
- "style": { "fontSize": 30 }
35
- } />
31
+ const Canvas = () => <JsonUI model={{ $comp: 'Text', $children: 'Hello World', style: { fontSize: 30 } }} />
36
32
  ```
37
33
 
38
34
  ### How it works
@@ -91,12 +87,12 @@ Easily.
91
87
  ```js
92
88
 
93
89
  const Canvas = () => <JsonUI model={jsonData}
94
- "components"={
90
+ "components" = {
95
91
  {
96
- nagivate: ({route}) => navigate(route)
92
+ navigate: ({route}) => navigate(route)
97
93
  }
98
94
  }
99
- "functions"={
95
+ "functions" = {
100
96
  {
101
97
  t: ({key}) => t(key)
102
98
  }