This document discusses software design patterns and principles including SOLID principles (single responsibility, open/closed, Liskov substitution, interface segregation, and dependency inversion) and Gang of Four (GOF) design patterns (creational, structural, and behavioral). It provides examples of specific patterns like singleton, factory, decorator, proxy, and observer design patterns when using React and JavaScript.

1. Não existe nada de novo sob o sol!
(Novas tecnologias, antigos padrões)

2. Leonardo Almeida
Front-end

3. Lucas Germano
Front-end

4. Belo Horizonte <3

6. Monomito
Solid Principles + React
GOF Design Patterns

10. O que é um Monomito?

11. A jornada
do herói

13. monomito.js ~5kb(gzipped)

14. Ok, mas e daí?

15. SOLID

16. S
Single Responsibility
Principle

17. Single Responsibility Principle

18. O
Open Close Principle

19. Open Close Principle

20. L
Liskov Substitution
Principle

21. Liskov Substitution Principle

22. I
Interface Segregation
Principle

24. D
Dependency Inversion
Principle

25. Dependency Inversion Principle

26. GOF Design
Patterns

28. Tipos de padrões
- Criacional
- Estrutural
- Comportamental

29. Padrões criacionais
- Singleton
- Factory
- Factory Method

31. Singleton

32. https://medium.com/@SntsDev/the-factory-pattern-in-js-es6-78f0afad17e9
Factory

33. https://medium.com/@SntsDev/the-factory-pattern-in-js-es6-78f0afad17e9
Factory Method

34. Padrões estruturais
- Decorator
- Proxy

35. Decorator

36. Decorator - aplicação

37. Decorator - UML

38. Decorator - Higher Order Components

39. https://mobx.js.org/refguide/modifiers.html
Mobx

40. Proxy

41. Proxy
https://www.sitepoint.com/es6-proxies/

42. Proxy - two-way data binding
https://www.sitepoint.com/es6-proxies/

43. Proxy - two-way data binding
https://www.sitepoint.com/es6-proxies/

44. Proxy - two-way data binding
https://www.sitepoint.com/es6-proxies/

45. O BAILE TODO!!1

46. Padrões Comportamentais
- Observer

47. Observer
https://scotch.io/bar-talk/4-javascript-design-patterns-you-should-know#observer-design-pattern

48. https://scotch.io/tutorials?hFR%5Bcategory%5D%5B0%5D=Tutorials&dFR%5B_tags%5D%5B0%5
D=angular

49. O BAILE TODO(2)!!1