awesome-vue VS InversifyJS

I have no clue what exact solution would only favor react, there are enough implementations for vue and even if not, most of the greater players have generic solutions, not vendor-locked integrations.

But you can just look at Awesome-Vue or Awesome-Vue-3 to find more stuff like this. There are a lot of options out there. Especially if you go piece-meal. Why pick an entire component library just because you need a calendar, just use Vue-Cal and override the CSS as needed to make it fit in with your app.

You may be able to find some stuff on https://github.com/vuejs/awesome-vue, including lots of projects, UI libraries, etc.

Awesome Vue

You can find awesome-vue on GitHub: https://github.com/vuejs/awesome-vue

Cannot answer your question, but here is Vue Awesome directory of great resources for Vue, and there are many stand alone component libraries, maybe you can find date picker you like.

Awesome Vue: a detailed list of useful plugins and libraries for Vue.js;

Alguns frameworks trabalham desta forma por padrão, como é o caso do Angular, quando este não é o padrão do framework que utilizamos podemos usar alguma biblioteca, como a Inversify ou tsyringe da Microsoft.

Using decorators required setting an --experimentalDecorators experimental compiler flag. Several popular TypeScript libraries, such as type-graphql and inversify, rely on this implementation.

inversify

However, things like DI / IoC are almost universally recommended when talking about software architecture and you really need interfaces to do it. There's inversify.js which is a good option for Typescript users, but again you need to be doing OOP.

Hi, I know that there are some solutions out there to deal with IoC containers in TypeScript, like Inversify, but so far, and after many days exploring the Internet looking for a "nice" solution, I didn't find anything alike to what I just came up with... So there's a chance that this is really a novelty when it comes to TS patterns :) , who knows.

How about in the context of JavaScript and TypeScript? It may not be common to use DI in web frontend development. Nevertheless, there are DI libraries available for JavaScript and TypeScript. For example, AngularJS and Angular have a DI framework built in. There are also libraries that provide DI functionality on its own, such as InversifyJS and TSyringe. Both InversifyJS and TSyringe are DI libraries for use with TypeScript. InversifyJS is a library with over 5000 Github stars and is used in over 18,000 repositories. On the other hand, there doesn't seem to be much active development going on these days. TSyringe is a DI library that is mainly developed by Microsoft. As of September 2020, it has about 1,400 stars on Github, and it seems to be under continuous development.

The DI library you are looking for is InversifyJS https://github.com/inversify/InversifyJS. Its mature and mirrors API of other popular DI libraries.

Following the official documentation, I created a map called TYPES that contains all the tokens we’ll use later for injection. I implemented the necessary interfaces, adding the class-level decorator @injectable to each. The parameters of the InversifySettingsTxtService  constructor use the @inject decorator, helping the DI container to resolve dependencies in runtime.

The InversifyJS project provides a lightweight DI container that uses interfaces created through tokenization. It uses decorators and decorators’ metadata for injections. However, some manual work is still necessary for binding implementations to interfaces.