sk-react-antd

Let's write page like java, wrap ant-design implements mvc(Model-Validator-Component)

Example

CodeSandbox

Features

• MVC
  • Model: https://github.com/ShaneKing/sk-react/blob/master/src/Model.md
  • Validator: https://github.com/ShaneKing/sk-react/blob/master/src/Validator.md
  • Components: https://github.com/ShaneKing/sk-react-antd/blob/master/src
• Two-way Binding
  • component --- add listener --- modelId on model
  • modelId's value change --- fireEvent -- component auto refresh
  • component event --- auto change --- modelId's value
• Component props
  • model series: skSysModel(SPA just one), skModel(even page), model(some scenario), modelId(auto two-way binding and monitor)
  • bfo(boolean/function/object) series: active, disabled, hidden, preview(Form Components), readOnly, required
    • preview: SKDatePicker, SKRangePicker, SKInput, SKTextArea, SKSelect, SKRemoteSelect, SKSwitch
  • value process series: m2nConvertor, n2mConvertor, m2vConvertor
• props trans
  • auto trans to child(without compTag,modelId,children,className) and self(without compTag,modelId)

Components

focus

• no child? default has
• must models/modelId? default not must
• side-effect? auto generate id etc...