コンテンツにスキップ

基本的な利用

スキーマフォーム・テーブルの利用

Section titled “スキーマフォーム・テーブルの利用”

基本部品とテーマはreact-ui、フォームは@alneas/react-tools/form、テーブルは/data-tableを使います。 FormCompoundはReact Hook Formと組み合わせて独自レイアウトを構築できます。 データ連携のFormViewとDataTableViewには、/data-access/reactのDataAccessProviderとQueryClientProvider、アプリ指定のアダプターが必要です。 実行サンプルはStorybookでも使用します。

/stylesを一度読み込みます。アプリ全体のresetが必要な場合だけ、その前に/reset.cssを指定します。 ThemeProviderはCSSを自動読込しません。合成にはrenderを使い、refとpropsを転送します。

汎用UIには/kanban、/calendar、/gantt、/file-browser、/authがあります。 /ganttはtask-graph/planningの関数・型も公開します。/chartと/barcodeには機能別optional peerが必要です。 標準認証とクライアント注入型BetterAuthを提供し、SDK依存アダプターはPrivateに残します。 日本の休日・税制を暗黙に読み込まず、必要に応じてbusiness-jpを指定してください。

翻訳はen/ja/zhを提供します。同一プロセスで異なるlocaleを扱う場合はcontrolledなラベルを使用します。 AI設定はnode node_modules/@alneas/react-tools/dist/ai/setup.mjs --writeで追加します。 dist/ai/skills/にCRUD、compound合成、React AI連携の手順を同梱しています。