# @lia-labs/sdk-preact

> Preact hooks for the Lia SDK, with the same names as the React package. From the Lia developer docs: https://docs.lialabs.org/packages/preact

```sh
npm install @lia-labs/sdk @lia-labs/sdk-preact
```

Preact 10. Everything from [`@lia-labs/sdk`](/packages/sdk) is re-exported.

The hooks are the [React package's](/packages/react#hooks), built on `preact/hooks` (no `preact/compat` needed): `useInit`, `useSignal`, `usePlayer`, `useLanguage`, `useColorScheme`, `useThemeParams`, `useViewport`, `useSafeArea`, `useStartParam`, `useSoundOn`, `useLiaEvent`, `useMainButton`, `useSecondaryButton`, `useBackButton`, `useSettingsButton`, `useClosingConfirmation`, `useVerticalSwipesDisabled` and the rest.

```tsx
import { isLia, mockLia, pay, useBackButton, useInit, useMainButton } from '@lia-labs/sdk-preact';

if (!isLia()) mockLia();

function Shop({ onBack }: { onBack: () => void }) {
  useBackButton(onBack);
  useMainButton({ text: 'Buy extra lives', onClick: () => pay('extra-lives') });
  return <p>3 extra lives, 5 LIA</p>;
}
```