Slide 1

Slide 1 text

Patterns para componentes perfeitos no Vue.js 🔥

Slide 2

Slide 2 text

Igor Halfeld Engineering Manager @ TradersClub (TC) igorhalfeld.com - @igorhalfeld

Slide 3

Slide 3 text

treinamento.vuejsbrasil.org

Slide 4

Slide 4 text

Patterns está relacionado com escalabilidade.

Slide 5

Slide 5 text

+manutenção. +legibilidade. +durabilidade.

Slide 6

Slide 6 text

2 pontos que EU levo em conta

Slide 7

Slide 7 text

1. Clean Code

Slide 8

Slide 8 text

Não é decorar o livro Clean Code 🤣

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

Como pensar assim sem decorar o livro Clean Code?

Slide 13

Slide 13 text

2. Zen of Python

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

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!

Slide 16

Slide 16 text

1. Vue Global Store. 2. Factory Components. 3. Global Services. 4. Error Boundary. 5. Scoped Slots.

Slide 17

Slide 17 text

1. Vue Global Store.

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

2. Factory Components.

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

3. Global Services (polêmica).

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

4. Error Boundary.

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

5. Scoped Slots.

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

https://github.com/IgorHalfeld/codecon-vuejs-components-patterns-workshop

Slide 39

Slide 39 text

igorhalfeld.com - @igorhalfeld