Ссылка на API · React

@oriatheme/react

Подключите одно внешнее хранилище среды выполнения к React с помощью Provider и Hooks; нет второй государственной машины.

Упаковка и окружающая среда

Поставщик браузера для React 18.2 или 19; сам модуль безопасен для импорта SSR.

bash

pnpm add @oriatheme/presets @oriatheme/runtime-dom @oriatheme/react

bash

npm install @oriatheme/presets @oriatheme/runtime-dom @oriatheme/react

bash

yarn add @oriatheme/presets @oriatheme/runtime-dom @oriatheme/react

bash

bun add @oriatheme/presets @oriatheme/runtime-dom @oriatheme/react

Используйте менеджер пакетов и файл блокировки, уже выбранный потребительским проектом. В примерах используется только экспорт корня пакета; не выполняйте глубокий импорт из шаблонов src, dist или реестра.

Exports

Экспорт	Подпись	Описание
`OriaThemeProvider`	`({ config, runtime?, children }: OriaThemeProviderProps) => ReactElement`	Запускает собственную среду выполнения или использует предоставленную среду выполнения для потомков.
`useOriaTheme`	`() => { snapshot, runtime, setTheme, setAppearance }`	Считывает полный неизменяемый снимок среды выполнения и связанные действия.
`useThemeSnapshot`	`<T>(selector, isEqual?) => T`	Выбирает фрагмент моментального снимка, сохраняя равные ссылки.

tsx

import { OriaThemeProvider, useOriaTheme } from "@oriatheme/react";

function Controls() {
  const { setAppearance, setTheme } = useOriaTheme();
  return <button onClick={() => setTheme("oria-ocean")}>Ocean</button>;
}

Важные типы и границы

OriaThemeProviderProps принимает OriaThemeConfig или внешний OriaThemeRuntime. Монтируйте Провайдера только на клиенте; Для параметра «Следующая первая отрисовка» сначала выведите проверенные переменные по умолчанию и сценарий Bootstrap.