alepha@docs:~/docs/reference/primitives$
cat $use.md
1 min read

#$use

#Import

typescript 
1import { $use } from "alepha";

#Overview

Subscribes to an atom's state and returns its current value for use in components.

Creates a reactive connection between an atom and a component, automatically registering the atom in the application state if not already registered. The returned value is reactive and will update when the atom's state changes.

Use Cases: Accessing global state, sharing data between components, reactive UI updates

#Examples

ts 
1const userState = $atom({ schema: t.object({ name: t.text(), role: t.text() }) });2 3class UserComponent {4  user = $use(userState); // Reactive reference to atom state5 6  render() {7    return <div>Hello {this.user.name}!</div>;8  }9}