{"id":20198555,"url":"https://github.com/eclipsesource/jsonforms-react-seed","last_synced_at":"2025-05-16T15:08:09.891Z","repository":{"id":38145410,"uuid":"117545518","full_name":"eclipsesource/jsonforms-react-seed","owner":"eclipsesource","description":"React-based JSON Forms Seed App","archived":false,"fork":false,"pushed_at":"2025-04-03T14:46:19.000Z","size":1129,"stargazers_count":141,"open_issues_count":20,"forks_count":150,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-04-12T14:17:21.749Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://jsonforms-react-seed.netlify.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/eclipsesource.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2018-01-15T12:57:14.000Z","updated_at":"2025-04-04T13:51:47.000Z","dependencies_parsed_at":"2023-02-08T09:16:53.265Z","dependency_job_id":"b6eceddc-3712-4f89-b659-c66a2ee73a69","html_url":"https://github.com/eclipsesource/jsonforms-react-seed","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eclipsesource%2Fjsonforms-react-seed","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eclipsesource%2Fjsonforms-react-seed/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eclipsesource%2Fjsonforms-react-seed/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eclipsesource%2Fjsonforms-react-seed/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eclipsesource","download_url":"https://codeload.github.com/eclipsesource/jsonforms-react-seed/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254553958,"owners_count":22090417,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-14T04:32:11.582Z","updated_at":"2025-05-16T15:08:04.883Z","avatar_url":"https://github.com/eclipsesource.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JSON Forms React seed App\n\nThis seed demonstrates how to use [JSON Forms](https://jsonforms.io) with React in order to render a simple form for displaying a task entity.\n\nIt is based on `create-react-app` and only contains minor modifications.\n\n- Execute `npm ci` to install the prerequisites. If you want to have the latest released versions use `npm install`.\n- Execute `npm run build` to build the application.\n- Execute `npm start` to start the application.\n\nBrowse to http://localhost:3000 to see the application in action.\n\n## File Structure\n\nLet's briefly have a look at the most important files:\n\n- `src/schema.json` contains the JSON schema (also referred to as 'data schema')\n- `src/uischema.json` contains the UI schema\n- `src/main.tsx` is the entry point of the application. We also customize the Material UI theme to give each control more space.\n- `src/App.tsx` is the main app component and makes use of the `JsonForms` component in order to render a form.\n\nThe [data schema](src/schema.json) defines the structure of a Task: it contains attributes such as title, description, due date and so on.\n\nThe [corresponding UI schema](src/uischema.json) specifies controls for each property and puts them into a vertical layout that in turn contains two horizontal layouts.\n\n## Rendering JSON Forms\n\nJSON Forms 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.\n\n## Custom renderers\n\nPlease see [our corresponding tutorial](https://jsonforms.io/docs/tutorial) on how to add custom renderers.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feclipsesource%2Fjsonforms-react-seed","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feclipsesource%2Fjsonforms-react-seed","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feclipsesource%2Fjsonforms-react-seed/lists"}