Exemplos práticos de plugins

Os capítulos anteriores apresentaram individualmente as capacidades de Plugin, Router, Component, Context, FlowEngine e outras. Este capítulo costura tudo — através de alguns exemplos práticos completos, mostra todo o processo de criação de um plugin, da concepção à conclusão.

Cada exemplo corresponde a um plugin de exemplo executável; você pode consultar o código-fonte ou rodá-lo localmente.

Lista de exemplos

ExemploCapacidades envolvidasDificuldade
Construir uma página de configurações de pluginPlugin + Router + Component + Context + ServerIniciante
Construir um bloco de exibição personalizadoPlugin + FlowEngine (BlockModel)Iniciante
Construir um componente de campo personalizadoPlugin + FlowEngine (FieldModel)Iniciante
Construir um botão de ação personalizadoPlugin + FlowEngine (ActionModel)Iniciante
Construir um plugin de gestão de dados com integração front-backPlugin + FlowEngine (TableBlockModel + FieldModel + ActionModel) + ServerAvançado

Recomenda-se a leitura na ordem. O primeiro exemplo usa componentes React + uma API simples de servidor, sem envolver FlowEngine; os três do meio demonstram, respectivamente, as três classes base do FlowEngine: bloco, campo e ação; o último costura tudo o que foi aprendido — bloco, campo e ação — somado a uma data table do servidor, formando um plugin completo com integração front-back. Se você ainda não tem certeza se deve usar componente React ou FlowModel, comece por Component vs FlowModel.