k8ordo
  • UI
  • Form
  • State
  • Router
  • Static
  • Server
ダークモードに切り替え
k8ordo

Baselineに入った機能を、制限なく使うReactのライブラリ群。

パッケージ
  • @k8ordo/ui
  • @k8ordo/form
  • @k8ordo/state
  • @k8ordo/router
  • @k8ordo/static
  • @k8ordo/server
UI
  • Get Started
  • Theming
  • i18n
  • Components
  • Hooks
  • Helpers
  • AIチャット
  • Generative UI
  • AIエージェント
  • Storybook
リソース
  • GitHub
  • npm

© 2026 k8o — MIT License

組版 — Noto Sans JP / M PLUS 2

k8ordo

Baselineに入った機能を、制限なく使うReactのライブラリ群

UIを見るGitHub

パッケージ

  • @k8ordo/uiセマンティックなデザイントークン・i18n・生成UIアダプタを備えたReactコンポーネント。
  • @k8ordo/formスキーマ1つから HTML の制約属性・メッセージ・サーバー検証を導く。値は DOM が持つので、JavaScript が無くても動く。
  • @k8ordo/state状態を置き場所で宣言する。URL・履歴エントリ・localStorage・メモリを、それぞれスキーマ1つで型付けし、Navigation API に載せる。
  • @k8ordo/routerURL の pathname 軸を所有します。ルート表がアプリの pathname スキーマそのもので、そこから型・マッチング・リンク・ナビゲーションのすべてが導かれます。search params と履歴エントリの状態は @k8ordo/state の担当で、この境界は URL の "?" と一致します。
  • @k8ordo/staticアプリをファイルに焼きます。すべてのルートを事前に描画し、出力は静的ホスティングに置けるディレクトリだけ。実行時にサーバーはいりません。
  • @k8ordo/serverアプリを動かします。リクエストのたびに描画するので、パラメータの値を事前に列挙する必要がなく、知らない URL には本物の 404 を返し、フォームは Server Action に届きます。

共通の前提

  1. Baselineだけ

    コア4ブラウザに載った時点(Baseline newly available)で使う。その30か月後のwidely availableは待たない。ポリフィルもフォールバックも持たないので、最新のブラウザでしか動かない。古いブラウザを切ったのではなく、最初からそこでは動かない。

  2. Reactの最新に追従する

    React 19とServer Componentsを前提にし、新しい記法が出れば追う。互換のための古いパスを残さないので、書き方が一つに保たれる。

  3. TypeScript Safe

    型は書いたものを後から確かめるためではなく、間違いを書けなくするために使う。ドキュメントも生成物も型から作られるので、実装からずれない。

  4. エージェントが読める

    どのパッケージも自分のドキュメントをnpmパッケージに同梱する。AIはインストールした版そのものを読むので、写して同期させる手間も、版がずれる事故も起きない。