@tinyd/usesharedstate

@tinyd/usesharedstate

Shared States across multiple components.

Available hooks 🪝

1. useSharedState
2. useSharedStateValue
3. useSharedStateChange

Available functions ⚙️

1. getOrSetSharedValue
2. setSharedValue

Usage

1. useSharedState ( Hook 🪝 )

const [value, setValue] = useSharedState<string>(
  "key",
  "initialValue"
); //second arg is optional

2. useSharedStateValue ( Hook 🪝 )

const value = useSharedStateValue<string>(
  "key",
  "initialValue"
); //second arg is optional

3. useSharedStateChange ( Hook 🪝 )

const setValue =
  useSharedStateChange<string>("key");

4. getOrSetSharedValue ( Function ⚙️ )

const value = getOrSetSharedValue<string>(
  "key",
  "initialValue"
); //second arg is optional

5. setSharedValue ( Function ⚙️ )

const value = setSharedValue<string>(
  "key",
  "value"
);