Inversify Stereotype Decorators

experiment/wip

Usage

Install the package as well as it's peer dependencies

1npm install --save inversify-stereotype-decorators inversify reflect-metadata

Create an IoC container and the stereotype decorators

1// inversify.config.ts
2
3import 'reflect-metadata';
4import { Container } from 'inversify';
5import { getStereotypes } from 'inversify-stereotype-decorators';
6
7export const container = new Container();
8export const { service, store, constant, autowire } = getStereotypes(container);

Use your new goodies!

1import * as React from 'react';
2import { service, store, autowire } from './inversify.config.ts';
3
4@store
5class TodoStore {
6  todos = ['hello'];
7}
8
9@service
10class TodoService {
11
12  @autowire
13  private todoStore: TodoStore;
14
15  async createTodo(title: string) {
16    const todo = await someApiCall(title);
17    this.todoStore.todos.push(todo);
18  }
19}
20
21class TodoList extends React.Component {
22
23  @autowire
24  private todoStore: TodoStore;
25
26  render() {
27    return (
28      <div>
29        {this.todoStore.todos.map((todo) => <span>{todo}</span>)}
30      </div>
31    );
32  }
33}