The main aim of the library is to facilitate creating data driven UI in React.js with both front-end and back-end data sources.
<UIKernel.Grid
model={model}
cols={columns}
ref={(grid) => this.grid = grid}
{/*some other props*/}
/>
//somewhere else
this.grid.someGridMethod();
Grid
component which
accepts as properties model
with Grid data model
(either client-side Collection model or
XHR Model which syncs data with a server) and columns
with
table columns configuration object.
Also React Grid
component accepts some other
table configuration properties
and has some useful methods.Validator - provides a handy way to validate your form fields(wherever at front-end or back-end)
Editors - several frequently used React widgets(DatePicker, SuggestBox, etc.)
UIKernel library has the following structure:
UIKernel = {
gridExpressApi,
listExpressApi,
formExpressApi,
createValidator,
toCSV,
applyGridFilters,
Grid,
Form,
ValidationErrors,
createValidator,
exportGridData,
toJSON,
Models: {
Grid: {
Xhr,
Collection
},
Events,
Form,
FormXhr,
List: {
Xhr
}
},
AbstractModels: {
Form,
Grid,
List
},
Adapters: {
Grid: {
ToFormUpdate,
ToFormCreate
}
},
Editors: {
Select,
SuggestBox,
DatePicker,
Checkbox,
Number
},
ArgumentsError,
ThrottleError,
Validators: {
boolean,
date,
enum,
set,
float,
regExp,
notNull,
number,
notEmpty
}
}