SlideShare uma empresa Scribd logo
1 de 41
Baixar para ler offline
Desenvolvimento front-end orientado a
componentes
@dielduarte
( diel não é meu nome rsrsr )
@lucasgdev
( não, eu não sou o anderson silva mas
me chamam de spider rsrsr )
O que é um componente ?
Não é algo novo
1968 - Doug Mcllroy , NATO Software
Mas o que é um componente mesmo?
Encapsula
todos seus
comportamentos
lógicos e visuais
em seu escopo.
E no front?
Por que componentizar?
● Reutilização de código
● Trabalhar de forma isolada
● Testes em melhores condições
● Maior manutenibilidade
● Produtividade
Nem tudo são flores
Desenvolvimento
inicial
Crescimento descontrolado
Black box
Fudeu!
Futuro?
<github-profile>
<tweet>
<google-maps>
e muito MAIS.
o que usar hoje?
E qual é o melhor?
Vamos criar um componente ?
<DevInCompany />
http://www.webpackbin.com/4k1PJZS_Z
Quem trabalha componentizando?
Dúvidas?

Mais conteúdo relacionado

Mais procurados

Tunning jvm em java 8
Tunning jvm em java 8Tunning jvm em java 8
Tunning jvm em java 8
Luan Cestari
 

Mais procurados (10)

Apresentacao redis
Apresentacao redisApresentacao redis
Apresentacao redis
 
LPUG #10 agenda e community updates - 2020-09-16
LPUG #10   agenda e community updates - 2020-09-16LPUG #10   agenda e community updates - 2020-09-16
LPUG #10 agenda e community updates - 2020-09-16
 
Open closed principle - SOLID
Open closed principle - SOLIDOpen closed principle - SOLID
Open closed principle - SOLID
 
Lidando com Equipes de Desenvolvimento
Lidando com Equipes de DesenvolvimentoLidando com Equipes de Desenvolvimento
Lidando com Equipes de Desenvolvimento
 
Python Nordeste 2016 - Aplicações multiplataforma - Kivy
Python Nordeste 2016 - Aplicações multiplataforma - KivyPython Nordeste 2016 - Aplicações multiplataforma - Kivy
Python Nordeste 2016 - Aplicações multiplataforma - Kivy
 
Apresentação Python e Games - Python Brasil 11 - 2015
Apresentação Python e Games - Python Brasil 11 - 2015Apresentação Python e Games - Python Brasil 11 - 2015
Apresentação Python e Games - Python Brasil 11 - 2015
 
SBgames09 Time2Play and TREG
SBgames09 Time2Play and TREGSBgames09 Time2Play and TREG
SBgames09 Time2Play and TREG
 
Tunning jvm em java 8
Tunning jvm em java 8Tunning jvm em java 8
Tunning jvm em java 8
 
PostgreSQL Wonderland TDC-SP 2015
PostgreSQL Wonderland TDC-SP 2015PostgreSQL Wonderland TDC-SP 2015
PostgreSQL Wonderland TDC-SP 2015
 
Framework Próprio: Vale a Pena?
Framework Próprio: Vale a Pena?Framework Próprio: Vale a Pena?
Framework Próprio: Vale a Pena?
 

Semelhante a Desenvolvimento Front-end Orientado a Componentes

Semelhante a Desenvolvimento Front-end Orientado a Componentes (20)

Criando software para o futuro com DDD, Arquitetura, Patterns, e Atitude
Criando software para o futuro com DDD, Arquitetura, Patterns, e AtitudeCriando software para o futuro com DDD, Arquitetura, Patterns, e Atitude
Criando software para o futuro com DDD, Arquitetura, Patterns, e Atitude
 
Design for change: Fatores que influenciam na longevidade de um Software PHP
Design for change: Fatores que influenciam na longevidade de um Software PHPDesign for change: Fatores que influenciam na longevidade de um Software PHP
Design for change: Fatores que influenciam na longevidade de um Software PHP
 
Fatores que influenciam na longevidade de um Software
Fatores que influenciam na longevidade de um SoftwareFatores que influenciam na longevidade de um Software
Fatores que influenciam na longevidade de um Software
 
Curso Básico Android - Aula 01
Curso Básico Android - Aula 01Curso Básico Android - Aula 01
Curso Básico Android - Aula 01
 
O que vi na QCon 2012 São Paulo
O que vi na QCon 2012 São PauloO que vi na QCon 2012 São Paulo
O que vi na QCon 2012 São Paulo
 
TDD: A Essência do Mantra
TDD: A Essência do MantraTDD: A Essência do Mantra
TDD: A Essência do Mantra
 
XP & Scrum from the trenches @ LeroyMerlin Brazil
XP & Scrum from the trenches @ LeroyMerlin BrazilXP & Scrum from the trenches @ LeroyMerlin Brazil
XP & Scrum from the trenches @ LeroyMerlin Brazil
 
Fatores que influenciam na longevidade de um Software
Fatores que influenciam na longevidade de um SoftwareFatores que influenciam na longevidade de um Software
Fatores que influenciam na longevidade de um Software
 
Agile br2011 lucabastos-prog10x-noiteagilcaelum
Agile br2011 lucabastos-prog10x-noiteagilcaelumAgile br2011 lucabastos-prog10x-noiteagilcaelum
Agile br2011 lucabastos-prog10x-noiteagilcaelum
 
Agile não é pra todo mundo: os desafios não técnicos
Agile não é pra todo mundo: os desafios não técnicosAgile não é pra todo mundo: os desafios não técnicos
Agile não é pra todo mundo: os desafios não técnicos
 
UFABC React Native
UFABC React NativeUFABC React Native
UFABC React Native
 
Gerenciando seus Crushs com Power BI e Node JS
Gerenciando seus Crushs com Power BI e Node JSGerenciando seus Crushs com Power BI e Node JS
Gerenciando seus Crushs com Power BI e Node JS
 
TDC2016SP - Evoluindo aplicações mobile com o Google VR SDK
TDC2016SP - Evoluindo aplicações mobile com o Google VR SDKTDC2016SP - Evoluindo aplicações mobile com o Google VR SDK
TDC2016SP - Evoluindo aplicações mobile com o Google VR SDK
 
Por quê você deve utilizar TDD?
Por quê você deve utilizar TDD?Por quê você deve utilizar TDD?
Por quê você deve utilizar TDD?
 
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
 
React meetup dezembro
React meetup dezembroReact meetup dezembro
React meetup dezembro
 
Seu codigo fede e voce nem sabia - 2020
Seu codigo fede e voce nem sabia - 2020Seu codigo fede e voce nem sabia - 2020
Seu codigo fede e voce nem sabia - 2020
 
Organizando a casa. o front end do jeitinho que a mamãe gosta
Organizando a casa. o front end do jeitinho que a mamãe gostaOrganizando a casa. o front end do jeitinho que a mamãe gosta
Organizando a casa. o front end do jeitinho que a mamãe gosta
 
Coding Dojo - Unreal Engine
Coding Dojo - Unreal EngineCoding Dojo - Unreal Engine
Coding Dojo - Unreal Engine
 
Deploy continuo, integraçao continua não basta
Deploy continuo, integraçao continua não bastaDeploy continuo, integraçao continua não basta
Deploy continuo, integraçao continua não basta
 

Desenvolvimento Front-end Orientado a Componentes