You can inject dependencies in your components, let's do it!

In many programming languages it is quite usual to inject our dependencies, in fact it is related to one of the solid principles (Dependency Inversion). And in the Frontend what?? In some Angular-like frameworks it is resolved, but when we do not use any framework or we work with some more like Vue, React or Preact we have to import our dependencies on different ways. In this talk I want to help you to make the process easier, come and learn everything dependency injection can do for you.

Transcript

2. LIKE AN ARCHITECT
3. OR THE OTHER WAY
4. FIRST YOU USE IT WITHOUT KNOWLEDGE
5. AND YOU DISCOVER THE PATTERN
6. YOU INVESTIGATE ALONE
7. DISCUSS WITH TEAMMATES
8. HAVE INTERNAL TRAININGS ABOUT IT
9. AND YOU GO TO TALKS, HERE WE ARE!
10. YOU CAN INJECT DEPENDENCIES IN YOUR COMPONENTS, LET'S DO IT!
11. WHY THIS PATTERN? A B
12. A THE SOLID PRINCIPLE A B IB
13. Injector (container?) THE DESIGN PRINCIPLE A B A B ☆
14. THE (FAMOUS) DEV PATTERN A Injector (container?) B D C E
16. WE HAVE A SERVICE
17. AND WANT TO USE OTHER SERVICE
19. IMPORTING AN OBJECT ’’’’’Singleton’’’’’
20. IMPORTING A CLASS ’’’’Transient’’’’’
24. 1st STEP: SEMI-INJECTION
25. 2nd STEP: AUTO-INJECTION
26. 3rd STEP: INJECTION WITH CONTAINER
27. 4th STEP: REALISTIC WORLD
28. 5th STEP: ADDING ABSTRACTIONS
29. 6th STEP: MOVING TO COMPONENTS
31. InversifyJS
32. Inversify-props @