Aplicando Clean Arch num projeto Vue.js

/me

William Correa

@wilcorrea

égua, do que raios esse home vai falar

por que vamos falar de clean arch se estamos no frontend?

por que inventar moda se a gente SÓ está fazendo umas telinhas?

porqueeeee?!

Primeira coisa que a gente pensa sobre quando falam de código limpo

prazos apertados

processos estranhos

alterações introduzem mais problemas

as regras de negócio mudam e ferra TUDO

nossa vida cotidiana

resultado não é palpável

processo criativo

demandas sobrepostas

estimar sem histórico empírico é sempre um erro

produzir software é uma atividade única

o inimigo sempre foi outro

os pingos dos is

há uma relação de simbiose entre o software e seu processo de produção

A prioridade de quem produz software deve ser tornar o processo mais adequado e mais eficiente para a evolução da base de código

CADA LINHA IMPORTA

Clean Architecture

Robert C. Martin

Uncle Bob

SOLID

Clean Arch

Clean Code

Onion model

VENDO por outro lado

Vue.js

menos é mais

quanto menos código solto, menos problema

O PROJETO

O QUADRO GERAL da FARRA

FECHANDO O FUNIL

AGORA COLORIDO

POR FIM COM OS PONTILHADINHOS

BRINCANDO DE VUE

Vue CLI is a full system for rapid Vue.js development

eu marco é tudo

dependências

A PERGUNTA QUE NÃO QUER CALAR...

CADÊ
O

this.$axios

?

será se devo!?

nada está escrito em pedra

TIM
POR
TIM-TIM

CÊ ACHA
QUE FUNCIONA?
 

PAUSA AI A PALESTRINHA E BORA LÁ VER

HORA DAS PALMAS

the links

  • https://github.com/dersonsena/clean-arch-pokemon
  • https://github.com/rmanguinho/clean-react
  • https://github.com/thanhchungbtc/vue-shopping-clean-architecture
  • https://www.slideshare.net/EveliseVazquez/clean-architecture-frontend
  • https://github.com/eminetto/clean-architecture-go
  • https://github.com/wilcorrea/vuejs-clean-arch
Made with Slides.com