https://github.com/emilerolley/react-dsfr-jsonschema-form
A dsfr form generator from json schema
https://github.com/emilerolley/react-dsfr-jsonschema-form
dsfr form-generator jsonschema react
Last synced: about 2 months ago
JSON representation
A dsfr form generator from json schema
- Host: GitHub
- URL: https://github.com/emilerolley/react-dsfr-jsonschema-form
- Owner: EmileRolley
- License: mit
- Created: 2023-03-17T16:26:34.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-17T17:05:04.000Z (about 2 years ago)
- Last Synced: 2025-04-05T11:42:45.985Z (about 2 months ago)
- Topics: dsfr, form-generator, jsonschema, react
- Language: TypeScript
- Homepage:
- Size: 14.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
A React component to generate a DSFR form from a JSON Schema
# Install / Import
```bash
$ npm install --save react-dsfr-jsonschema-form
```
```typescript
import { myFunction, myObject } from "react-dsfr-jsonschema-form";
```
Specific imports:
```typescript
import { myFunction } from "react-dsfr-jsonschema-form/myFunction";
import { myObject } from "react-dsfr-jsonschema-form/myObject";
```
# Contributing
## Testing your changes in an external app
You have made some changes to the code and you want to test them
in your app before submitting a pull request?
Assuming `you/my-app` have `react-dsfr-jsonschema-form` as a dependency.
```bash
cd ~/github
git clone https://github.com/you/my-app
cd my-app
yarn
cd ~/github
git clone https://github.com/garronej/react-dsfr-jsonschema-form
cd react-dsfr-jsonschema-form
yarn
yarn build
yarn link-in-app my-app
npx tsc -w
# Open another terminal
cd ~/github/my-app
rm -rf node_modules/.cache
yarn start # Or whatever my-app is using for starting the project
```
You don't have to use `~/github` as reference path. Just make sure `my-app` and `react-dsfr-jsonschema-form`
are in the same directory.
> Note for the maintainer: You might run into issues if you do not list all your singleton dependencies in
> `src/link-in-app.js -> singletonDependencies`. A singleton dependency is a dependency that can
> only be present once in an App. Singleton dependencies are usually listed as peerDependencies example `react`, `@emotion/*`.
## Releasing
For releasing a new version on GitHub and NPM you don't need to create a tag.
Just update the `package.json` version number and push.
For publishing a release candidate update your `package.json` with `1.3.4-rc.0` (`.1`, `.2`, ...).
It also work if you do it from a branch that have an open PR on main.
> Make sure your have defined the `NPM_TOKEN` repository secret or NPM publishing will fail.