Universal DevTools Kit SDK

---

Universal DevTools Kit SDK / @u-devtools/kit / solid / useBridgeState

Function: useBridgeState()

useBridgeState<T>(syncedState): [() => T, (value) => void]

Defined in: solid.ts:30

Solid adapter for SyncedState. Converts SyncedState to Solid signal with two-way synchronization.

Type Parameters

Type Parameter	Description
T	State value type

Parameters

Parameter	Type	Description
syncedState	SyncedState<T>	SyncedState instance to synchronize

Returns

[() => T, (value) => void]

Solid signal synchronized with SyncedState

Example

import { useBridgeState } from '@u-devtools/kit/solid';
import { AppBridge } from '@u-devtools/core';

// Create bridge and state
const bridge = new AppBridge('my-plugin');
const isOpen = bridge.state('isOpen', false);

// In component
function MyComponent() {
  const [isOpenValue, setIsOpen] = useBridgeState(isOpen);
  
  // Use isOpenValue() and setIsOpen in your component
  return <div>{isOpenValue() ? 'ON' : 'OFF'}</div>;
}