SlideShare uma empresa Scribd logo
ML XP
Utilizando React
em aplicações escaláveis
Front-end team Mercado Backoffice
G. Felizola e Rafael Santos
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!
● 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:
● Todo dev já brincou com React.js
2.1 Componentes:
Qual deve ser a responsabilidade de um componente?
2.2 Responsabilidades:
Específicos
ou
genéricos?
Datagrid simples :
3. Utilização:
Datagrid com mais recursos:
3.1 Manutenção (a chave de ouro)
4. Toolkit: “Power, Unlimited Power!!!”
THANKS!
contato@mercadobackoffice.com.br

Mais conteúdo relacionado

Destaque

Victor Piñal
Victor PiñalVictor Piñal
Victor Piñal
melidevelopers
 
Be Commerce
Be CommerceBe Commerce
Be Commerce
melidevelopers
 
Lucía Brizuela
Lucía BrizuelaLucía Brizuela
Lucía Brizuela
melidevelopers
 
Mercado Pago para seller del on
Mercado Pago para seller del onMercado Pago para seller del on
Mercado Pago para seller del on
melidevelopers
 
Leandro Bertalot y Jair Vázquez
Leandro Bertalot y Jair VázquezLeandro Bertalot y Jair Vázquez
Leandro Bertalot y Jair Vázquez
melidevelopers
 
Daniel Gándara
Daniel GándaraDaniel Gándara
Daniel Gándara
melidevelopers
 
Fernando Adrian Scasserra
Fernando Adrian ScasserraFernando Adrian Scasserra
Fernando Adrian Scasserra
melidevelopers
 

Destaque (7)

Victor Piñal
Victor PiñalVictor Piñal
Victor Piñal
 
Be Commerce
Be CommerceBe Commerce
Be Commerce
 
Lucía Brizuela
Lucía BrizuelaLucía Brizuela
Lucía Brizuela
 
Mercado Pago para seller del on
Mercado Pago para seller del onMercado Pago para seller del on
Mercado Pago para seller del on
 
Leandro Bertalot y Jair Vázquez
Leandro Bertalot y Jair VázquezLeandro Bertalot y Jair Vázquez
Leandro Bertalot y Jair Vázquez
 
Daniel Gándara
Daniel GándaraDaniel Gándara
Daniel Gándara
 
Fernando Adrian Scasserra
Fernando Adrian ScasserraFernando Adrian Scasserra
Fernando Adrian Scasserra
 

Semelhante a Utilizando react em aplicações escaláveis

Google AppEngine: Desafios da adoção de cloud no mercado de seguros
Google AppEngine: Desafios da adoção de cloud no mercado de segurosGoogle AppEngine: Desafios da adoção de cloud no mercado de seguros
Google AppEngine: Desafios da adoção de cloud no mercado de seguros
Gustavo Concon
 
GWT - de iniciante a especialista
GWT - de iniciante a especialistaGWT - de iniciante a especialista
GWT - de iniciante a especialista
Danilo Reinert
 
01-Paradigmas.pdf
01-Paradigmas.pdf01-Paradigmas.pdf
01-Paradigmas.pdf
AmlieOGalaxias
 
TDC2018FLN | Trilha Arquitetura - Elixir Umbrella - Aplicacoes desacopladas s...
TDC2018FLN | Trilha Arquitetura - Elixir Umbrella - Aplicacoes desacopladas s...TDC2018FLN | Trilha Arquitetura - Elixir Umbrella - Aplicacoes desacopladas s...
TDC2018FLN | Trilha Arquitetura - Elixir Umbrella - Aplicacoes desacopladas s...
tdc-globalcode
 
Feature Driven Development - FDD
Feature Driven Development - FDDFeature Driven Development - FDD
Feature Driven Development - FDD
Guilherme Campos Camargo
 
De um sistema legado para micro serviços com GraphQL
De um sistema legado para micro serviços com GraphQLDe um sistema legado para micro serviços com GraphQL
De um sistema legado para micro serviços com GraphQL
Taller Negócio Digitais
 
Treinamento ORM .Net
Treinamento ORM .NetTreinamento ORM .Net
Treinamento ORM .Net
Henrique Riccio
 
XP Programming
XP ProgrammingXP Programming
XP Programming
CJR, UnB
 
Aplicando eXtreming Programing ao cenário do Borland ALM - BorCon 2003
Aplicando  eXtreming Programing  ao cenário do  Borland ALM - BorCon 2003Aplicando  eXtreming Programing  ao cenário do  Borland ALM - BorCon 2003
Aplicando eXtreming Programing ao cenário do Borland ALM - BorCon 2003
Edgar Silva
 
XP - Extreme Programming
XP - Extreme ProgrammingXP - Extreme Programming
XP - Extreme Programming
Marcelo Láias
 
Terabytes de Dados em Memória usando Elastic Data Grid (In-Memory Computing)
Terabytes de Dados em Memória usando Elastic Data Grid (In-Memory Computing)Terabytes de Dados em Memória usando Elastic Data Grid (In-Memory Computing)
Terabytes de Dados em Memória usando Elastic Data Grid (In-Memory Computing)
Ricardo Ferreira
 
Macro Arquitetura de Software
Macro Arquitetura de SoftwareMacro Arquitetura de Software
Macro Arquitetura de Software
Edjalma Queiroz da Silva
 
Domando a irreversibilidade com feature flags
Domando a irreversibilidade com feature flagsDomando a irreversibilidade com feature flags
Domando a irreversibilidade com feature flags
Hugo Bessa
 
Bancos de Dados em “Clouds”
Bancos de Dados em “Clouds”Bancos de Dados em “Clouds”
Bancos de Dados em “Clouds”elliando dias
 
Apresentação Gerpro
Apresentação GerproApresentação Gerpro
Apresentação Gerpro
rafahreis
 
IPA Conhecendo XP
IPA Conhecendo XPIPA Conhecendo XP
IPA Conhecendo XPWildtech
 

Semelhante a Utilizando react em aplicações escaláveis (20)

Google AppEngine: Desafios da adoção de cloud no mercado de seguros
Google AppEngine: Desafios da adoção de cloud no mercado de segurosGoogle AppEngine: Desafios da adoção de cloud no mercado de seguros
Google AppEngine: Desafios da adoção de cloud no mercado de seguros
 
GWT - de iniciante a especialista
GWT - de iniciante a especialistaGWT - de iniciante a especialista
GWT - de iniciante a especialista
 
01-Paradigmas.pdf
01-Paradigmas.pdf01-Paradigmas.pdf
01-Paradigmas.pdf
 
TDC2018FLN | Trilha Arquitetura - Elixir Umbrella - Aplicacoes desacopladas s...
TDC2018FLN | Trilha Arquitetura - Elixir Umbrella - Aplicacoes desacopladas s...TDC2018FLN | Trilha Arquitetura - Elixir Umbrella - Aplicacoes desacopladas s...
TDC2018FLN | Trilha Arquitetura - Elixir Umbrella - Aplicacoes desacopladas s...
 
Feature Driven Development - FDD
Feature Driven Development - FDDFeature Driven Development - FDD
Feature Driven Development - FDD
 
De um sistema legado para micro serviços com GraphQL
De um sistema legado para micro serviços com GraphQLDe um sistema legado para micro serviços com GraphQL
De um sistema legado para micro serviços com GraphQL
 
Treinamento ORM .Net
Treinamento ORM .NetTreinamento ORM .Net
Treinamento ORM .Net
 
XP Programming
XP ProgrammingXP Programming
XP Programming
 
Aplicando eXtreming Programing ao cenário do Borland ALM - BorCon 2003
Aplicando  eXtreming Programing  ao cenário do  Borland ALM - BorCon 2003Aplicando  eXtreming Programing  ao cenário do  Borland ALM - BorCon 2003
Aplicando eXtreming Programing ao cenário do Borland ALM - BorCon 2003
 
XP - Extreme Programming
XP - Extreme ProgrammingXP - Extreme Programming
XP - Extreme Programming
 
Pgbr2013
Pgbr2013Pgbr2013
Pgbr2013
 
Terabytes de Dados em Memória usando Elastic Data Grid (In-Memory Computing)
Terabytes de Dados em Memória usando Elastic Data Grid (In-Memory Computing)Terabytes de Dados em Memória usando Elastic Data Grid (In-Memory Computing)
Terabytes de Dados em Memória usando Elastic Data Grid (In-Memory Computing)
 
Macro Arquitetura de Software
Macro Arquitetura de SoftwareMacro Arquitetura de Software
Macro Arquitetura de Software
 
Domando a irreversibilidade com feature flags
Domando a irreversibilidade com feature flagsDomando a irreversibilidade com feature flags
Domando a irreversibilidade com feature flags
 
Bancos de Dados em “Clouds”
Bancos de Dados em “Clouds”Bancos de Dados em “Clouds”
Bancos de Dados em “Clouds”
 
B Ds Clouds
B Ds CloudsB Ds Clouds
B Ds Clouds
 
Apresentação Gerpro
Apresentação GerproApresentação Gerpro
Apresentação Gerpro
 
Aula 05
Aula 05Aula 05
Aula 05
 
FDD
FDDFDD
FDD
 
IPA Conhecendo XP
IPA Conhecendo XPIPA Conhecendo XP
IPA Conhecendo XP
 

Mais de melidevelopers

Mercado Envíos Ful
Mercado Envíos FulMercado Envíos Ful
Mercado Envíos Ful
melidevelopers
 
Mandaê
MandaêMandaê
Eu entrego
Eu entregoEu entrego
Eu entrego
melidevelopers
 
Bling!
Bling!Bling!
Any Market
Any MarketAny Market
Any Market
melidevelopers
 
Aprendendo sobre o seu mercado
Aprendendo sobre o seu mercadoAprendendo sobre o seu mercado
Aprendendo sobre o seu mercado
melidevelopers
 
AWS
AWS AWS
Mercado Pago - SDK mobile
Mercado Pago - SDK mobile Mercado Pago - SDK mobile
Mercado Pago - SDK mobile
melidevelopers
 
sensedia - Design Sprint
sensedia - Design Sprint sensedia - Design Sprint
sensedia - Design Sprint
melidevelopers
 
VTEX
VTEX VTEX
Mercado pago - além do e-commerce
Mercado pago - além do e-commerceMercado pago - além do e-commerce
Mercado pago - além do e-commerce
melidevelopers
 
Facebook - Marketing
Facebook - MarketingFacebook - Marketing
Facebook - Marketing
melidevelopers
 
Speed up! Critical css to the rescue
Speed up! Critical css to the rescueSpeed up! Critical css to the rescue
Speed up! Critical css to the rescue
melidevelopers
 
Manejo de órdenes de compra - Tiempo real y automático
Manejo de órdenes de compra - Tiempo real y automáticoManejo de órdenes de compra - Tiempo real y automático
Manejo de órdenes de compra - Tiempo real y automático
melidevelopers
 
Live Coding
Live CodingLive Coding
Live Coding
melidevelopers
 
DOCKER+AWS+MELI
DOCKER+AWS+MELIDOCKER+AWS+MELI
DOCKER+AWS+MELI
melidevelopers
 
Herramientas para sacar el mayor rendimiento de tu app por Google
Herramientas para sacar el mayor rendimiento de tu app por Google	Herramientas para sacar el mayor rendimiento de tu app por Google
Herramientas para sacar el mayor rendimiento de tu app por Google
melidevelopers
 
Creando herramientas para nuestros clientes
Creando herramientas para nuestros clientes	Creando herramientas para nuestros clientes
Creando herramientas para nuestros clientes
melidevelopers
 

Mais de melidevelopers (18)

Mercado Envíos Ful
Mercado Envíos FulMercado Envíos Ful
Mercado Envíos Ful
 
Mandaê
MandaêMandaê
Mandaê
 
Eu entrego
Eu entregoEu entrego
Eu entrego
 
Bling!
Bling!Bling!
Bling!
 
Any Market
Any MarketAny Market
Any Market
 
Aprendendo sobre o seu mercado
Aprendendo sobre o seu mercadoAprendendo sobre o seu mercado
Aprendendo sobre o seu mercado
 
AWS
AWS AWS
AWS
 
Mercado Pago - SDK mobile
Mercado Pago - SDK mobile Mercado Pago - SDK mobile
Mercado Pago - SDK mobile
 
sensedia - Design Sprint
sensedia - Design Sprint sensedia - Design Sprint
sensedia - Design Sprint
 
VTEX
VTEX VTEX
VTEX
 
Mercado pago - além do e-commerce
Mercado pago - além do e-commerceMercado pago - além do e-commerce
Mercado pago - além do e-commerce
 
Facebook - Marketing
Facebook - MarketingFacebook - Marketing
Facebook - Marketing
 
Speed up! Critical css to the rescue
Speed up! Critical css to the rescueSpeed up! Critical css to the rescue
Speed up! Critical css to the rescue
 
Manejo de órdenes de compra - Tiempo real y automático
Manejo de órdenes de compra - Tiempo real y automáticoManejo de órdenes de compra - Tiempo real y automático
Manejo de órdenes de compra - Tiempo real y automático
 
Live Coding
Live CodingLive Coding
Live Coding
 
DOCKER+AWS+MELI
DOCKER+AWS+MELIDOCKER+AWS+MELI
DOCKER+AWS+MELI
 
Herramientas para sacar el mayor rendimiento de tu app por Google
Herramientas para sacar el mayor rendimiento de tu app por Google	Herramientas para sacar el mayor rendimiento de tu app por Google
Herramientas para sacar el mayor rendimiento de tu app por Google
 
Creando herramientas para nuestros clientes
Creando herramientas para nuestros clientes	Creando herramientas para nuestros clientes
Creando herramientas para nuestros clientes
 

Utilizando react em aplicações escaláveis