Patterns for perfect components in Vue.js

Transcript

1. Patterns para componentes perfeitos no Vue.js 🔥
2. Igor Halfeld Engineering Manager @ TradersClub (TC) igorhalfeld.com - @igorhalfeld
3. treinamento.vuejsbrasil.org
4. Patterns está relacionado com escalabilidade.
5. +manutenção. +legibilidade. +durabilidade.
6. 2 pontos que EU levo em conta
7. 1. Clean Code
8. Não é decorar o livro Clean Code 🤣
12. Como pensar assim sem decorar o livro Clean Code?
13. 2. Zen of Python
15. Bonito é melhor que feio. Explícito é melhor que implícito. Simples é melhor que complexo. Complexo é melhor que complicado. Linear é melhor do que aninhado. Esparso é melhor que denso. Legibilidade conta. Casos especiais não são especiais o bastante para quebrar as regras. Ainda que praticidade vença a pureza. Erros nunca devem passar silenciosamente. A menos que sejam explicitamente silenciados. Diante da ambiguidade, recuse a tentação de adivinhar. Dever haver um — e preferencialmente apenas um — modo óbvio para fazer algo. Embora esse modo possa não ser óbvio a princípio a menos que você seja holandês. Agora é melhor que nunca. Apesar de que nunca normalmente é melhor do que *exatamente* agora Se a implementação é difícil de explicar, é uma má ideia Se a implementação é fácil de explicar, pode ser uma boa ideia Namespaces são uma grande ideia — vamos ter mais dessas!
16. 1. Vue Global Store. 2. Factory Components. 3. Global Services. 4. Error Boundary. 5. Scoped Slots.
17. 1. Vue Global Store.
21. 2. Factory Components.
24. 3. Global Services (polêmica).
31. 4. Error Boundary.
35. 5. Scoped Slots.
38. https://github.com/IgorHalfeld/codecon-vuejs-components-patterns-workshop
39. igorhalfeld.com - @igorhalfeld