reforge

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 ; 

サポート

このプロジェクトにスターを付けることで、サポートを示すことができます。 ★

貢献する

貢献するには、「貢献ガイド」を参照してください。

ライセンス

マサチューセッツ工科大学