react_admin_ui_v1ダウンロード - react_admin_ui_v1ソースコードのダウンロード

react_admin_ui_v1

その他のカテゴリー

1.0.0

ダウンロード

React Admin UI は、TypeScript と React ベースで構築された美しいオープンソースのダッシュボードユーザーインターフェイスプロトタイプです。驚いたことに、少し複雑なコンポーネントを使用してユーザーインターフェイスのプロトタイプを構築するのはこれが初めてです。したがって、私の目標は、IT 機関や個人の開発者がこのプロトタイプを使用して、将来のプロジェクトに洞察をもたらすことができるようにすることです。

プロトタイプの機能、コアバリュー、ユースケースの包括的なリストについては、React Admin UI のプレビューをご覧ください。

プレビュー

このリポジトリには、 React Admin UI Prototype のコアシステムが含まれており、2 つの異なるディレクトリに分割されています。バックエンドは JSON API 用であり (Vercel デプロイメント用にすでに構成されています)、フロントエンドはユーザーインターフェイスプロトタイプ全体用です。

?特徴と構成

⚡️ Vite を使用した React 18 TypeScript
React Router v6 による宣言型ルーティング
? React Query v5 によるシームレスなデータ取得
React Icons v5 による最適化されたアイコン
?スタイリング基盤としての Tailwind CSS v3
?基本設計システムとしての Daisy UI v4
?最適化されたデータグリッドのためのマテリアル UI v5
Recharts v2 による美しいチャート
?他にもたくさん...

インストールと使用方法

クイックスタートのインストールと使用例については、以下を参照してください。

バックエンド

バックエンドディレクトリ内のpackage.jsonにリストされているすべての依存関係をインストールします。

 cd backend

npm install

デフォルトでは、Vercel 環境で実行する API がすでにデプロイされています。ライブ API には https://react-admin-ui-v1-api.vercel.app/ からアクセスできます。ただし、自分でバックエンドを構成したい場合は、以下を実行できます。

nodemon ./src/index.ts

また、API には http://localhost:5000 からローカルにアクセスできます。

フロントエンド

フロントエンドディレクトリ内のpackage.jsonにリストされているすべての依存関係をインストールします。

 cd frontend

npm install

npm run dev

デフォルトの API エンドポイントを変更する場合は、ApiCollection.tsx に移動します。

その後、http://localhost:5173/ からアプリにアクセスできるようになります。

?質問がありますか?チャットしたいですか？問題が発生しましたか?

もちろん、電子メールや LinkedIn などの正式なアプローチでいつでも私に直接ご連絡いただけます。

?バグが見つかりましたか?特定の機能を提案しますか?

それぞれのタイトルと説明を付けて新しい問題を自由に fransachmadhw/react_admin_ui_v1 リポジトリに提出してください。問題の解決策がすでに見つかっている場合は、プルリクエストをぜひ確認してください。

✅ 要件

React Admin UI には、20.11.0 LTS 以上のノードバージョンが必要です。 React Admin UI の要件の現在のリストを見つけるには、バックエンドとフロントエンド内のpackage.jsonのdependenciesとdevDependenciesセクションを確認してください。