Learn TypeScript 3 by Building Web Applications

The SL design pattern and InversifyJS

Now that we have a good understanding of the limitations of Vue's current DI system, we can take a look at alternatives and possible improvements.

One thing that we can do to improve the code is to leverage a third-party dependency injection library. In this section, we'll be using InversifyJS (http://inversify.io), a lightweight DI library written in TypeScript that acts as an IoC container.

InversifyJS supports setter injection and using symbols, just like Vue does, but it is much more powerful as it also supports the following:

• Controller injection
• Optional dependencies
• Default values
• Injecting factories
• Middleware
• Tagged and named bindings
• Circular dependencies
• Testing

By using InversifyJS, we will ...