Utilizando react em aplicações escaláveis

9
ML XP Utilizando React em aplicações escaláveis Front-end team Mercado Backoffice . Felizola e Rafael Santos

Transcript of Utilizando react em aplicações escaláveis

Page 1: Utilizando react em aplicações escaláveis

ML XP

Utilizando React em aplicações escaláveisFront-end team Mercado Backoffice

G. Felizola e Rafael Santos

Page 2: Utilizando react em aplicações escaláveis

1. A escolha:

Candidatos:Angular 1 ou 2, Ember ou React

Requisitos:● Básico (Performance, Testável, etc);● Alto reaproveitamento de código;● Alta escalabilidade da aplicação;

Decisão:● Performance● Virtual-DOM (virou conceito para os outros)● COMPONENTES!

Page 3: Utilizando react em aplicações escaláveis

● Mudança de paradigma● Não se perder nas responsabilidades de cada

componente

● Estrutura de componentes é ideal para controle e manutenção

● Extremamente fácil de testar

2. Desafios e Vantagens:

Page 4: Utilizando react em aplicações escaláveis

● Todo dev já brincou com React.js

2.1 Componentes:

Page 5: Utilizando react em aplicações escaláveis

Qual deve ser a responsabilidade de um componente?

2.2 Responsabilidades:

Específicos ou genéricos?

Page 6: Utilizando react em aplicações escaláveis

Datagrid simples :

3. Utilização:

Page 7: Utilizando react em aplicações escaláveis

Datagrid com mais recursos:

3.1 Manutenção (a chave de ouro)

Page 8: Utilizando react em aplicações escaláveis

4. Toolkit: “Power, Unlimited Power!!!”

Page 9: Utilizando react em aplicações escaláveis

THANKS!

[email protected]