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