use-channel

create connection between components to share internal states

Now, Atomico includes a context API as part of its core. We recommend implementing it as an alternative to using useChannel.

useContext

An alternative to React's context but solely based on hooks.

Modulo

import { useChannel } from "@atomico/hooks/use-channel";

Syntax

const channel = "MyChannel";
const [parentValue, setChildValue] = useChannel(channel);

Where :

1. channel: String, defines the name of the event to be used to generate the channel.

2. parentValue: Value inherited by the parent component.

3. setChildValue: Callback, defines a value for nested components.

Example

WebComponents.devWebComponents.dev

This hook is used by @atomico/components/router