react mui vite ts

TypeScriptを使用したReact + Muiを使用したViteのスタータープロジェクト

NPMの組み合わせは、プロの反応アプリケーションをより速く構築するために、再利用可能なコンポーネントとユーティリティのセットとViteとMUIを作成します。

• ソースコード
• オンラインデモ

含まれる：

• コードのフォーマットのきれい
• エラーチェック用のeslint
• コンポーネントとフックをテストするためのテストライブラリを備えたVitest （またはJest ）
• 一般的なコンポーネント、便利なフック、および必須ユーティリティのセット
• コンテキストAPIを使用した状態管理
• 異なるカスタマイズされたパブリックおよびプライベートレイアウト
• 基本認証フックとイベント
• トグル付きの暗いモードとライトモード
• PWAのファビコンとマニフェスト

使い方

1. https://github.com/karpolan/react-mui-vite-tsからレポンをクローンまたはダウンロードします
2. .env.exampleファイルを.envファイルにcopyします
3. すべてのファイルの_TITLE_および_DESCRIPTION_独自のテキストで置き換える
4. すべてを確認して解決します// TODO:ディレクティブ
5. あなた自身のコードを追加します:)

利用可能なスクリプト

プロジェクトディレクトリでは、実行できます。

npm run dev

開発モードでアプリを実行します。
http：// localhost：3000を開いて、ブラウザで表示します。

編集すると、ページがリロードされます。
また、コンソールに糸くずエラーも表示されます。

npm run lint

エラーや不足しているものがコードをチェックします

npm run format

./prettier.config.mjs config

npm test

インタラクティブウォッチモードでテストランナーを起動します。

npm run build

distフォルダーへの生産またはローカル開発用のアプリを構築します。