Inversion of Control in a Vue Application

Using dependency injection for building loosely coupled applications. The talk focuses on the inversion of control techniques specifically dependency injection, and how it can be implemented in an application.

Transcript

1. Inversion of Control in a Vue Application
2. Rahul Kadyan Core Team Member Ex-organiser, VueBLR @znck0
3. 1. What is it? 2. Why do we need it? 3. How do we use it? Inversion of Control
4. Growing Complexity
5. Shared State
6. What is Inversion of Control?
7. Program Control Flow
8. Dependencies
9. Chicken Tikka Masala
14. Chicken Tikka Masala
16. Chicken Tikka Masala Inversion of Control
19. Chicken Tikka Masala Inversion of Control
20. Why do need we need Inversion of Control?
21. Simple
22. Simple is to Reason
23. SOLID
24. Single responsibility principle Open closed principle Liskov substitution principle Interface segregation principle Dependency inversion principle
25. How do we use Inversion of Control?
26. We are already using it.
27. Props define dependencies.
36. Props Vuex Provide/Inject Local Global Contextual
37. UI Logic Business Logic
38. Composition Functions
39. General Purpose Dependency Injection Container
41. Inversify.js
55. UI Business Props Vuex Provide/Inject Inversify.js
56. @znck0