Reactive Web Apps

Outsystems User Group – Foz do Iguaçu – Novembro 2019

 Moisés S. Segovia
Outsystems Associate Web Developer

msegoviapaez@gmail.com
msegoviapaez
+595 973 536038
2
Resumo

Por quê reactive?

Diferenças
Por quê Reactive?
Por quê reactive?

• Diminui a carga do lado do

servidor
• Melhora a interação do usuário
• Cria automaticamente uma
interface responsiva

5
Por quê reactive?

6
Por quê reactive?

7
Por quê reactive?

8
Diferenças
Diferenças
Web Apps Tradicionais Reactive Web Apps

● Lógica executada no servidor ● Lógica executada no cliente e no

● Petição síncrona servidor
● A tela é renderizada quando os dados VS ● Requisição assíncrona
ja estão listos na preparation ● E possível realizer múltiplas petições
● A tela é atualizada só quando é ao mesmo tempo
requerida (AJAX refresh é necessário) ● A tela é atualizada automaticamente
quando un dado muda
● Sempre responsivo

10
Diferenças

Pode recuperar os dados no inicio ou sob demanda.

(Excelente para configurações do tipo Master/Detail)

11
Diferenças
• Formulários web tradicionais tinham validações do lado do servidor e do Cliente &
Servidor somente.
• Com web apps reativas é possível realizar validações Build-in com o objetivo de
verificar os formulários do lado do cliente.

E NECESSARIO incluir uma condicional form.valid no client action para verificar as validações

12
Diferenças

• A data action foi incluída. Isto permite obter dados específicos diretamente do
servidor.

13
Diferenças

• Novos gerenciadores de eventos nos web blocks. Isto permite melhorar o controle da
interação do usuário e do fluxo de dados com a tela pai.

14
Diferenças

• Novas variáveis de cliente, os quais permitem salvar informação importante do cliente

sem realizar uma requisição para o servidor.

15
Diferenças

• Nova ordenação da tabela, agora é possível selecionar o atributo da entidade

diretamente desde as propriedades para definir a ordenação.

16
Diferenças
• Com melhores templates e interação mais trabalhada graças ao feedback dos
usuários

17
Aguije!
(Obrigado)