@romain-faust/provy-react v1.0.0

@romain-faust/provy-react

React bindings for Provy.

Installation

With NPM:

npm install @romain-faust/provy-react

With Yarn:

yarn add @romain-faust/provy-react

Usage

// root.tsx

import { Container } from '@romain-faust/provy'
import { ContainerProvider } from '@romain-faust/provy-react'

const container = new Container()

function Root() {
	return (
		<ContainerProvider container={container}>
			<UsersList />
		</ContainerProvider>
	)
}

// users-list.tsx

import { useContainer, useDependency } from '@romain-faust/provy-react'

function UsersList() {
	const fetchUsers = useDependency(identifiers.fetchUsers)

	// ...
}

API

<ContainerProvider />

Provides a Container instance (uses React Context under the hood).

import { Container } from '@romain-faust/provy'
import { ContainerProvider } from '@romain-faust/provy-react'

const container = new Container()

function Root() {
	return (
		<ContainerProvider container={container}>
			<UsersList />
		</ContainerProvider>
	)
}

Props

useContainer()

Retrieves the Container from the closest ContainerProvider ancestor. If no Container is found it returns the default Container.

Example

import { useContainer } from '@romain-faust/provy-react'

function UsersList() {
	const container = useContainer()

	// ...
}

useDependency(identifier)

Retrieves a dependency from the closest ContainerProvider ancestor.

⚠️ This hook can throw an error if the requested dependency is not registered.

Example

import { useDependency } from '@romain-faust/provy-react'

function UsersList() {
	const fetchUsers = useDependency(identifiers.fetchUsers)

	// ...
}

Parameters

License

MIT