logologo
Úvod
Manuál
Vývoj
Pluginy
API
English
简体中文
日本語
한국어
Deutsch
Français
Español
Português
Русский
Italiano
Türkçe
Українська
Tiếng Việt
Bahasa Indonesia
ไทย
Polski
Nederlands
Čeština
العربية
עברית
हिन्दी
Svenska
Úvod
Manuál
Vývoj
Pluginy
API
logologo

Úvod

Co je FlowEngine?
FlowEngine a pluginy
Rychlý start
Plán učení

Průvodce

Registrace FlowModel
Vytvoření FlowModel
Vykreslení FlowModel
Tok událostí a konfigurace FlowModel
Perzistence FlowModel
Životní cyklus FlowModel
Kontextový systém FlowModel
Reaktivní mechanismus: Observable
FlowModel vs React.Component

Definitions

ModelDefinition
FlowDefinition
EventDefinition
ActionDefinition
StepDefinition
Previous PageReaktivní mechanismus: Observable
Next PageModelDefinition
TIP

Tento dokument byl přeložen umělou inteligencí. V případě nepřesností se prosím obraťte na anglickou verzi

#FlowModel vs React.Component

#Srovnání základních zodpovědností

Funkce/SchopnostReact.ComponentFlowModel
Schopnost vykreslováníAno, metoda render() generuje UIAno, metoda render() generuje UI
Správa stavuVestavěný state a setStatePoužívá props, ale správa stavu více závisí na struktuře stromu modelu
Životní cyklusAno, např. componentDidMountAno, např. onInit, onMount, onUnmount
ÚčelVytváření UI komponentVytváření datově řízených, na pracovních postupech založených, strukturovaných „stromů modelů“
Datová strukturaStrom komponentStrom modelů (podporuje rodičovské-dětské modely, vícenásobné instance Fork)
Dětské komponentyPoužívání JSX pro vnořování komponentPoužívání setSubModel/addSubModel pro explicitní nastavení podmodelů
Dynamické chováníVázání událostí, aktualizace stavu řídí UIRegistrace/odesílání pracovních postupů, zpracování automatických pracovních postupů
PerzistenceŽádný vestavěný mechanismusPodporuje perzistenci (např. model.save())
Podporuje Fork (vícenásobné vykreslování)Ne (vyžaduje ruční opětovné použití)Ano (createFork pro vícenásobné instanciace)
Řízení enginemŽádnéAno, spravováno, registrováno a načítáno FlowEngine

#Srovnání životního cyklu

Háček životního cykluReact.ComponentFlowModel
Inicializaceconstructor, componentDidMountonInit, onMount
OdpojenícomponentWillUnmountonUnmount
Reakce na vstupcomponentDidUpdateonBeforeAutoFlows, onAfterAutoFlows
Zpracování chybcomponentDidCatchonAutoFlowsError

#Srovnání struktury konstrukce

React:

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

FlowModel:

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

#Strom komponent vs Strom modelů

  • Strom komponent React: Strom vykreslování UI tvořený vnořeným JSX za běhu.
  • Strom modelů FlowModel: Strom logické struktury spravovaný FlowEngine, který lze perzistovat a umožňuje dynamickou registraci a řízení podmodelů. Je vhodný pro vytváření bloků stránek, akčních pracovních postupů, datových modelů atd.

#Speciální funkce (specifické pro FlowModel)

FunkcePopis
registerFlowRegistrace pracovního postupu
applyFlow / dispatchEventSpuštění/vyvolání pracovního postupu
setSubModel / addSubModelExplicitní řízení vytváření a vázání podmodelů
createForkPodporuje opětovné použití logiky modelu pro vícenásobné vykreslování (např. každý řádek v tabulce)
openFlowSettingsNastavení kroku pracovního postupu
save / saveStepParams()Model lze perzistovat a integrovat s backendem

#Souhrn

PoložkaReact.ComponentFlowModel
Vhodné scénářeOrganizace komponent na úrovni UIDatově řízená správa pracovních postupů a bloků
Klíčová myšlenkaDeklarativní UIModelově řízený strukturovaný pracovní postup
Metoda správyReact řídí životní cyklusFlowModel řídí životní cyklus a strukturu modelu
VýhodyBohatý ekosystém a nástrojeSilně strukturované, pracovní postupy lze perzistovat, podmodely jsou řiditelné

FlowModel lze s Reactem používat komplementárně: React použijte pro vykreslování uvnitř FlowModelu, zatímco jeho životní cyklus a struktura jsou spravovány FlowEngine.