#FlowModel vs React.Component

#Comparison of Basic Responsibilities

#Lifecycle Comparison

#Construction Structure Comparison

React:

class MyComponent extends React.Component {
  render() {
    return <div>Hello</div>;
  }
}

FlowModel:

class HelloModel extends FlowModel {
  render() {
    return <div>Hello</div>;
  }
}

#Component Tree vs Model Tree

• React Component Tree: A UI rendering tree formed by nested JSX at runtime.
• FlowModel Model Tree: A logical structure tree managed by FlowEngine, which can be persisted, and allows dynamic registration and control of sub-models. Suitable for building page blocks, action flows, data models, etc.

#Special Features (FlowModel Specific)

#Summary

FlowModel can be used complementarily with React: Use React for rendering within a FlowModel, while its lifecycle and structure are managed by FlowEngine.