Skip to content

Commit 1861db6

Browse files
authored
Fix line wraps in README.md
1 parent 389432a commit 1861db6

File tree

1 file changed

+9
-26
lines changed

1 file changed

+9
-26
lines changed

README.md

+9-26
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).
22
# JSON Forms React seed App
3-
This seed demonstrates how to use [JSON Forms](https://jsonforms.io) with React
4-
in order to render a simple form for displaying a task entity. It showcases both the
5-
redux variant and the React standalone component (without redux).
3+
This seed demonstrates how to use [JSON Forms](https://jsonforms.io) with React in order to render a simple form for displaying a task entity. It showcases both the redux variant and the React standalone component (without redux).
64

75
It is based on create-react-app and only contains minor modifications.
86

@@ -15,23 +13,14 @@ It is based on create-react-app and only contains minor modifications.
1513
Let's briefly have a look at the most important files:
1614
* `src/schema.json` contains the JSON schema (also referred to as 'data schema')
1715
* `src/uischema.json` contains the UI schema
18-
* `src/index.js` is the entry point of the application and sets up the redux store
19-
that contains the data, the JSON and the UI schema necessary for JSON Forms.
20-
* `src/App.js` is the main React component and makes use of the core JSON Forms component
21-
or the React standalone component in order to render a form.
16+
* `src/index.js` is the entry point of the application and sets up the redux store that contains the data, the JSON and the UI schema necessary for JSON Forms.
17+
* `src/App.js` is the main React component and makes use of the core JSON Forms component or the React standalone component in order to render a form.
2218

23-
The [data schema](https://github.com/eclipsesource/jsonforms-react-seed/blob/master/src/schema.json) defines
24-
the structure of a Task: it contains attributes such as title, description, due date and so on.
19+
The [data schema](https://github.com/eclipsesource/jsonforms-react-seed/blob/master/src/schema.json) defines the structure of a Task: it contains attributes such as title, description, due date and so on.
2520

26-
The [corresponding UI schema](https://github.com/eclipsesource/jsonforms-react-seed/blob/master/src/uischema.json)
27-
specifies controls for each property and puts them into a vertical layout that in turn contains two
28-
horizontal layouts.
21+
The [corresponding UI schema](https://github.com/eclipsesource/jsonforms-react-seed/blob/master/src/uischema.json) specifies controls for each property and puts them into a vertical layout that in turn contains two horizontal layouts.
2922

30-
Both the data schema and the UI schema are imported within `index.js` and are used
31-
to set up a redux store. We make use of a helper function exported by JSON Forms
32-
which expects the initial state. If you already have an existing redux store,
33-
you'll need to import the jsonforms reducer and add it to your store.
34-
Please refer to [the tutorial](https://jsonforms.io/docs/tutorial) for how to do this.
23+
Both the data schema and the UI schema are imported within `index.js` and are used to set up a redux store. We make use of a helper function exported by JSON Forms which expects the initial state. If you already have an existing redux store, you'll need to import the jsonforms reducer and add it to your store. Please refer to [the tutorial](https://jsonforms.io/docs/tutorial) for how to do this.
3524

3625
## Setting up the store
3726

@@ -64,8 +53,7 @@ store.dispatch({
6453
store.dispatch(Actions.validate());
6554
```
6655

67-
We then use the `Provider` component provided by `react-redux` to provide the store to the
68-
JSON Forms redux component and all its children.
56+
We then use the `Provider` component provided by `react-redux` to provide the store to the JSON Forms redux component and all its children.
6957

7058
```js
7159
<Provider store={store}>
@@ -78,14 +66,9 @@ JSON Forms redux component and all its children.
7866
## Rendering our form
7967
The `App` component is responsible for rendering our actual forms.
8068

81-
The redux form is rendered by importing and using `DispatchRenderer` from `@jsonforms/core`.
82-
`DispatchRenderer` expects `schema` and `uischema` props which define
83-
the form to be rendered but if those are omitted, they will be pulled from the
84-
store which was provided via `Provider` previously.
69+
The redux form is rendered by importing and using `DispatchRenderer` from `@jsonforms/core`. `DispatchRenderer` expects `schema` and `uischema` props which define the form to be rendered but if those are omitted, they will be pulled from the store which was provided via `Provider` previously.
8570

86-
The standalone form is rendered by importing and using the `JsonForms` component and directly
87-
handing over the `schema`, `uischema`, `data`, `renderer` and `cell` props. We listen to changes
88-
in the form via the `onChange` callback .
71+
The standalone form is rendered by importing and using the `JsonForms` component and directly handing over the `schema`, `uischema`, `data`, `renderer` and `cell` props. We listen to changes in the form via the `onChange` callback .
8972

9073
## Custom renderers
9174
Please see [our corresponding tutorial](https://jsonforms.io/docs/tutorial) on how to add custom renderers.

0 commit comments

Comments
 (0)