Config-component NPM

config-component
- creative feature
usage
online example
- example - configForm
- example - configComponent
contributor

config-component

ConfigComponent, write your page with JSON config.

creative feature

✅ change your code style to face data.
✅ add schema mechanism to ensure you data correct and force you to care you data and handle the abnormal situation.
✅ support get data async, verify data when it changes.

usage

npm install config-component --save

For common component:

import {ConfigComponent} from 'config-component'
...
<ConfigComponent
      initialValues={...}
      schema={...}
      uiConfig={...}
      />

For form component:

import {ConfigForm} from 'config-component'
...
<ConfigComponent
      initialValues={...}
      schema={...}
      uiConfig={...}
      onSubmit={()=>{...}}
      componentSet={...}
      />

params:

ℹ️schema: the core data you care, ConfigComponent will verify you core data with schema，you can specify alt props in item, when error occurs, will show alt as default value
ℹ️initialValues: init value in you comp
ℹ️uiConfig: define your ui interface with json config, support event hooks, see example in playground file.
ℹ️onSubmit: used only in form when submit data.
ℹ️componentSet: support Ant Design or Fusion or you selfdefine Components.