For more information about the ideology of library, see this.
Install preact, core, and UI libraries:
yarn add preact@next #or npm install --save preact@next
yarn add @de-re-crud/core #or npm install --save @de-re-crud/core
yarn add @de-re-crud/ui #or npm install --save @de-re-crud/ui
Install a theme:
# You will need to include Bootstrap 4 CSS.
yarn add @de-re-crud/theme-bootstrap4 #or npm install --save @de-re-crud/theme-bootstrap4
Import the neccessary exports and render the form:
import { h, Form } from '@de-re-crud/ui'; // h is re-exported from preact for convenience
import { Bootstrap4RendererOptions } from '@de-re-crud/theme-bootstrap4';
import schemaJson from './schema.json'; // Your defined De Re CRUD schema
h(
<Form
rendererOptions={Bootstrap4RendererOptions}
schema={schemaJson}
struct="struct"
onSubmit={() => {
// Handle submission
}}
/>,
document.getElementById('root') // An element in the body
);
- Improve documentation
- Improve test coverage
- React support
- React Native support
- Vue support
- Schema builder
- Support for the R and D in CRUD
- Backend service and database support