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
Aplicando Clean Arch num Projeto Vue.js
By William Correa
Aplicando Clean Arch num Projeto Vue.js
- 738