reacd

带有封闭组件契约的声明式React UI。

在TSX中组合应用程序视图。渲染器和主题适配器处理HTML、样式和 响应布局;Jotai连接应用程序状态。选择shadcn/ui或Material ui。 模板在不改变视图声明的情况下改变外观。

文档 · 开始 · 组件 · 主题 适配器 · 状态 · 更新日志 · 贡献 · 安全

安装

安装 @fastsprout/reacd 到现有的React应用中：

npm install @fastsprout/reacd @fastsprout/reacd-shadcn

这个 入门指南 介绍TypeScript的JSX配置，即提供程序 以及浏览器适配器样式。

声明视图

import { atom, useAtom } from 'jotai';
import { Text, Toggle, VStack } from '@fastsprout/reacd';

const enabledAtom = atom(false);

export function ToggleExample() {
  const [enabled, setEnabled] = useAtom(enabledAtom);
  return (
    <VStack>
      <Toggle label="Email summaries" checked={enabled} onCheckedChange={setEnabled} />
      <Text>{`Email summaries are ${enabled ? 'enabled' : 'disabled'}.`}</Text>
    </VStack>
  );
}

选择 shadcnAdapter 从 @fastsprout/reacd-shadcn 在你 ReacdProvider 根。为 材质UI，安装 @fastsprout/reacd-mui 然后选择它 muiAdapter． 这是 可运行切换示例． 可选 生成用户界面 结合 通过显式读或读/写访问将组件转换为类型化状态。

许可证

apache - 2.0． 提供的许可证已导入 第三方通知.