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

reforge

その他のカテゴリー

v1.2.0

ダウンロード

React のボイラープレートとしてエンタープライズアプリケーション向けのすぐに使用できる UI ソリューション。

デモ·バグ報告·機能リクエスト

プレビュー

特徴

TailwindcssとAnt Design使用したエレガントでカスタマイズ可能な UI。
React Routerを使用したシングルページアプリケーション。
reqresを使用して API リクエストをモックします。
@ant-design/pro-components使用した強力なレイアウトとテーブル。
@loadable/componentを使用したコード分割と遅延読み込みコンポーネント。
react-reduxと@reduxjs/toolkit使用した状態管理。
redux-persistを使用した永続的な redux 状態。
nprogressを使用して進行状況バーを読み込みます。
ESLintとPrettier有効になっています。
プログレッシブ Web アプリ (PWA) を有効にするオプション。 (実稼働ビルドでのみ利用可能)
Axios インターセプターが API 認証を処理できるようになりました。
新しいプルリクエストをチェックするための自動ワークフロー。

デモ

https://reforge.netlify.app

資格

電子メール: [email protected]
パスワード: password

使用法

プロジェクトのクローンを作成し、ディレクトリを変更します。
```
git clone https://github.com/arifszn/reforge.git
cd reforge
```
依存関係をインストールします。
```
npm install
```
開発サーバーを実行します。
```
npm run dev
```
最後に、ブラウザからhttp://localhost:5173にアクセスします。資格情報は上記で確認できます。

構成

アプリ名、テーマカラー、メタタグなどの設定は、プロジェクトのルートにある 1 つのファイルconfig.tsから制御できます。

 //config.ts
const CONFIG = {
  appName : 'Reforge' ,
  enablePWA : true ,
  theme : {
    accentColor : '#818cf8' ,
    sidebarLayout : 'mix' ,
    showBreadcrumb : true ,
  } ,
  metaTags : {
    title : 'Reforge' ,
    description :
      'An out-of-box UI solution for enterprise applications as a React boilerplate.' ,
    imageURL : 'logo.svg' ,
  } ,
} ;

export default CONFIG ;