Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vesselize/vesselize

:sailboat: A JavaScript IoC container that works seamlessly with Vue.js and React.
https://github.com/vesselize/vesselize

composition composition-api dependency-injection di injection inversion-of-control ioc ioc-container react react-hooks vue vue-composition-api

Last synced: 8 days ago
JSON representation

:sailboat: A JavaScript IoC container that works seamlessly with Vue.js and React.

Awesome Lists containing this project

README

        

# Vesselize

[![CircleCI](https://circleci.com/gh/vesselize/vesselize.svg?style=svg)](https://circleci.com/gh/vesselize/vesselize)
[![codecov](https://codecov.io/gh/vesselize/vesselize/branch/main/graph/badge.svg)](https://codecov.io/gh/vesselize/vesselize)
[![Version](https://img.shields.io/npm/v/@vesselize/core.svg)](https://www.npmjs.com/package/@vesselize/core)
[![License](https://img.shields.io/github/license/vesselize/vesselize?style=flat-square)](https://github.com/vesselize/vesselize)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/vesselize/vesselize)

⛵ A JavaScript IoC container that works seamlessly with Vue.js and React.

## Features

- IoC container that can be used separately
- Official Vue.js Composition API Integration
- Official React Hook Integration

## Docs

- [Introduction](https://vesselize.js.org/guide/intro.html)
- [Getting Started with Vue.js](https://vesselize.js.org/guide/integration-vue.html)
- [Getting Started with React](https://vesselize.js.org/guide/integration-react.html)
- [API Reference](https://vesselize.js.org/api/container.html)

## Examples

- [vesselize-vue-starter](https://github.com/vesselize/vesselize-vue-starter)
- [vesselize-react-starter](https://github.com/vesselize/vesselize-react-starter)

## Packages

| Package | NPM | Github |
| ---------------- | ---------------------------------------------- | -------------------------------------- |
| @vesselize/core | [![Version][core-version]][core-npm] | [packages/core][core-github] |
| @vesselize/vue | [![Version][vue-version]][vue-npm] | [packages/vue][vue-github] |
| @vesselize/react | [![Version][react-version]][react-npm] | [packages/react][react-github] |
| vesselize | [![Version][vesselize-version]][vesselize-npm] | [packages/vesselize][vesselize-github] |

[core-version]: https://img.shields.io/npm/v/@vesselize/core.svg
[core-npm]: https://www.npmjs.com/package/@vesselize/core
[core-github]: https://github.com/vesselize/vesselize/tree/develop/packages/core
[vue-version]: https://img.shields.io/npm/v/@vesselize/vue.svg
[vue-npm]: https://www.npmjs.com/package/@vesselize/vue
[vue-github]: https://github.com/vesselize/vesselize/tree/develop/packages/core
[react-version]: https://img.shields.io/npm/v/@vesselize/react.svg
[react-npm]: https://www.npmjs.com/package/@vesselize/react
[react-github]: https://github.com/vesselize/vesselize/tree/develop/packages/react
[vesselize-version]: https://img.shields.io/npm/v/vesselize.svg
[vesselize-npm]: https://www.npmjs.com/package/vesselize
[vesselize-github]: https://github.com/vesselize/vesselize/tree/develop/packages/vesselize

## Contribution

Please read the [contribution guidelines](./CONTRIBUTING).

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2020 - present, Felix Yang