@vladbasin/ts-dependencies-reactjs

ReactJS integration for @vladbasin/ts-dependencies

Usage no npm install needed!

<script type="module">
  import vladbasinTsDependenciesReactjs from 'https://cdn.skypack.dev/@vladbasin/ts-dependencies-reactjs';
</script>

README

ts-dependencies-reactjs

ReactJS integration for @vladbasin/ts-dependencies

Install

npm install @vladbasin/ts-dependencies-reactjs --save

Getting Started

This library integrates @vladbasin/ts-dependencies library into ReactJS projects

Create ServiceCollection as described in @vladbasin/ts-dependencies

const services = serviceBuilder.build();

Wrap your App with ServiceProvider

import { ServiceProvider } from "@vladbasin/ts-dependencies-reactjs";

export const App = () => {
    return (
        <ServiceProvider services={services}>
            ....
        </ServiceProvider>
    )
}

Use hooks to resolve services in components

import { ServiceProvider } from "@vladbasin/ts-dependencies-reactjs";

//single service resolution
const car = useService<CarInterface>("car"); //typescript
const car = useService("car"); //javascript

//multiple services resolution
const [car, engine] = useServices("car", "engine");