DEV Community

FOLASAYO SAMUEL OLAYEMI
FOLASAYO SAMUEL OLAYEMI

Posted on • Originally published at innovatewithfolasayo.com on

A Beginner’s Guide to InversifyJS for Node.js Developers

As a Node.js developer, you know how crucial it is to maintain clean, modular, and testable code. As your application grows, managing dependencies and ensuring that your code remains maintainable becomes increasingly challenging. Enter InversifyJS—a powerful and flexible Inversion of Control (IoC) container that can help you achieve these goals.

In this guide, we’ll walk you through the basics of InversifyJS, helping you understand how to set it up, use it effectively, and integrate it into your Node.js applications.

What is InversifyJS?

InversifyJS is an IoC container for JavaScript and TypeScript applications. It follows the Dependency Injection (DI) design pattern, which involves injecting dependencies into a class rather than having the class construct them itself. This approach helps to decouple your code, making it more modular, easier to test, and simpler to maintain.

Why Use InversifyJS?

  1. Modularity: InversifyJS allows you to separate concerns within your application by managing dependencies externally. This means your classes no longer need to know about the specific implementations of their dependencies.
  2. Testability: With dependencies injected externally, you can easily mock them during testing, ensuring that you only test the logic within the class, not the dependencies themselves.
  3. Maintainability: As your application grows, managing dependencies manually can become complex. InversifyJS provides a structured approach, making it easier to manage, refactor, and maintain your codebase.

Prerequisites

Before we dive into the code, make sure you have the following installed on your machine:

  • Node.js : You can download and install Node.js from here. It will also install npm (Node Package Manager) which we’ll use to install packages.
  • npm : npm is included with Node.js, so you don’t need to install it separately.

Setting Up a Node.js Project

First, let’s set up a basic Node.js project. Open your terminal and run the following commands:

mkdir inversifyjs-example
cd inversifyjs-example
npm init -y
Enter fullscreen mode Exit fullscreen mode

This creates a new directory named inversifyjs-example and initializes a new Node.js project with a package.json file.

Installing InversifyJS

Next, install InversifyJS along with the reflect-metadata library, which is required for decorators in TypeScript:

npm install inversify reflect-metadata
Enter fullscreen mode Exit fullscreen mode

Additionally, if you’re using TypeScript, install TypeScript and the necessary types:

npm install typescript @types/node --save-dev
Enter fullscreen mode Exit fullscreen mode

Now, let’s create a tsconfig.json file to configure TypeScript:

npx tsc --init
Enter fullscreen mode Exit fullscreen mode

Open the tsconfig.json file and ensure the following options are set:

"experimentalDecorators": true,
"emitDecoratorMetadata": true,
Enter fullscreen mode Exit fullscreen mode

This enables the use of decorators and ensures that metadata is emitted, both of which are essential for InversifyJS to function correctly.

Writing the Code

Let’s start by creating some interfaces and classes to demonstrate how InversifyJS works. Create a new file named types.ts and define the interfaces:

// types.ts
export interface IWeapon {
    name: string;
    use(): string;
}
Enter fullscreen mode Exit fullscreen mode

Next, create a file named weapons.ts and define the classes that implement these interfaces:

// weapons.ts
import { injectable } from 'inversify';
import { IWeapon } from './types';

@injectable()
export class Sword implements IWeapon {
    name = 'Sword';

    use() {
        return 'Swinging the sword!';
    }
}

@injectable()
export class Bow implements IWeapon {
    name = 'Bow';

    use() {
        return 'Shooting an arrow!';
    }
}
Enter fullscreen mode Exit fullscreen mode

Setting Up the InversifyJS Container

Now, we need to configure the InversifyJS container to manage these dependencies. Create a new file named inversify.config.ts:

// inversify.config.ts
import 'reflect-metadata';
import { Container } from 'inversify';
import { IWeapon } from './types';
import { Sword, Bow } from './weapons';

const container = new Container();
container.bind<IWeapon>('IWeapon').to(Sword);

export { container };
Enter fullscreen mode Exit fullscreen mode

In this configuration file, we bind the IWeapon interface to the Sword class. This means that whenever IWeapon is injected, InversifyJS will provide an instance of Sword.

Injecting Dependencies

Now that the container is set up, let’s create a class that will receive the IWeapon dependency. Create a file named warrior.ts:

// warrior.ts
import { inject, injectable } from 'inversify';
import { IWeapon } from './types';

@injectable()
export class Warrior {
    private weapon: IWeapon;

    constructor(@inject('IWeapon') weapon: IWeapon) {
        this.weapon = weapon;
    }

    fight() {
        console.log(this.weapon.use());
    }
}
Enter fullscreen mode Exit fullscreen mode

In this example, the Warrior class has a dependency on IWeapon, which is injected via the constructor. The @injectable decorator marks the class as injectable, allowing InversifyJS to manage its dependencies.

Resolving Dependencies

Finally, let’s put everything together in an entry point file, index.ts:

// index.ts
import { container } from './inversify.config';
import { Warrior } from './warrior';

const warrior = container.resolve(Warrior);
warrior.fight(); // Output: Swinging the sword!
Enter fullscreen mode Exit fullscreen mode

In this file, we use the container.resolve method to create an instance of Warrior with all its dependencies resolved by InversifyJS.

Running the Application

To run the application, follow these steps:

  1. Compile the TypeScript files:
   npx tsc
Enter fullscreen mode Exit fullscreen mode

This will compile the TypeScript files to JavaScript, generating an index.js file in the dist directory (or in the root if not configured otherwise).

  1. Run the JavaScript file:
   node dist/index.js
Enter fullscreen mode Exit fullscreen mode

You should see the output:

   Swinging the sword!
Enter fullscreen mode Exit fullscreen mode

Code Ouput Screenshot

This indicates that the Warrior class successfully received an instance of the Sword class through dependency injection.

Download the source code here.

Advanced Features of InversifyJS

InversifyJS offers several advanced features that can help you further improve your application architecture:

  1. Scoped Bindings:
  • Singleton: Ensures that only one instance of a dependency is created for the entire application.
  • Transient: A new instance is created every time the dependency is requested.
  • Request: A new instance is created for each request.
   container.bind<IWeapon>('IWeapon').to(Sword).inSingletonScope();
Enter fullscreen mode Exit fullscreen mode
  1. Middleware: You can use middleware to add custom logic before or after the resolution of dependencies.
   container.applyMiddleware((planAndResolve) => {
       return (args) => {
           console.log('Resolving dependencies...');
           return planAndResolve(args);
       };
   });
Enter fullscreen mode Exit fullscreen mode
  1. Multi-Injection: If you have multiple implementations for a single interface, you can inject all of them.
   container.bind<IWeapon>('IWeapon').to(Sword);
   container.bind<IWeapon>('IWeapon').to(Bow);

   @injectable()
   class Armory {
       constructor(@multiInject('IWeapon') private weapons: IWeapon[]) {}
   }
Enter fullscreen mode Exit fullscreen mode

Best Practices

  • Leverage Interfaces: Always use interfaces to define dependencies, making your classes more flexible and easier to test.
  • Scoped Bindings: Use the appropriate scope for your bindings to manage memory and performance efficiently.
  • Modular Containers: Break down your containers into modules to maintain organization and clarity as your application scales.

Conclusion

InversifyJS is a powerful tool for Node.js developers, providing a structured approach to managing dependencies. By embracing dependency injection, you can write more modular, maintainable, and testable code. This guide has introduced the basics, but there is much more to explore with InversifyJS, including advanced configuration options, middleware, and scoped bindings. As you continue to work with InversifyJS, you’ll find that it simplifies dependency management and empowers you to build cleaner, more efficient applications.

Thanks for reading…

Happy coding!

The post A Beginner’s Guide to InversifyJS for Node.js Developers first appeared on Innovate With Folasayo.

The post A Beginner’s Guide to InversifyJS for Node.js Developers appeared first on Innovate With Folasayo.

Top comments (0)