slim free react mui template

スリムムイテンプレート ·

モダンでクリーンな mui テンプレート

Slim - 柔軟性とカスタマイズ性の向上を目的として、マテリアル UI React コンポーネント ライブラリを使用して作成された無料のオープンソース React ダッシュボード テンプレート。

モダンでクリーンな応答性の MUI マテリアル - ui 管理者ダッシュボード テンプレート。完全にレスポンシブ対応です。

デスクトップまたはモバイル アプリケーションの分析、管理者アプリ、メッセンジャー アプリなど、ほとんどの種類のダッシュボードやアプリ テンプレートに使用できます。驚くべき柔軟性と再利用性。 85以上のデモページ

テーマが気に入ったら、スター (このページの右上) を付けることを忘れないでください

• React18をサポートします。
• プロフェッショナルなユーザーインターフェイス。
• マテリアル UI React コンポーネント。
• 完全に応答性が高く、最新のブラウザーがすべてサポートされています。
• 使いやすいコードとフォルダー構造。
• 柔軟かつ高性能なコード
• 何百ものカスタマイズされた MUI コンポーネント。
• 便利なページとアプリを事前に構築します。
• ダーク&ライトモード

無料の SLIM MUI React js バージョン

• 完全版のプレビュー
• クリーン バージョン コンポーネント、スタイル、テーマ、サンプル ページのみを含むプレビュー バージョン
• Githubからダウンロード

はじめる

Github からクローンを作成する

 git clone https://github.com/Tono2007/slim-free-react-mui-template.git

テクノロジースタック

• マテリアル UI V5
• 反応18
• React Hooks API で構築
• 状態管理のための Redux および React Context API
• ナビゲーションルーティング用の React Router
• ヴィーテ
• コード分​​割
• 別名
• ライト/ダークテーマのサポート
• Eslint - airbnb スタイルガイド
• エイペックスチャート

問題

バグを報告するには、Github で問題を送信してください。問題を解決するためにできるだけ早く対応させていただきます。

ロードマップ

優先事項

• コンポーネントがさらに増えました！
• さらに多くのページ
• より良いカスタマイズ
• より良いドキュメント
• パフォーマンス
• バンドルサイズ

---

将来的には

• ユーザーの問題とサポート
• タイプスクリプトのバージョン
• Next/CRA/リミックスバージョン
• アクセシビリティ。

カラープリセット

さまざまな色を使用しています

変更履歴

フォルダー構造

├── package.json           - > Package json file.
├── public
├── README.md
├── src
│   ├── _mocks             - > Mock Json data to be used for working apps
│   ├── assets
│   │   ├── images
│   │   ├── css            - > Template css files
│   │   │   ├── style.css  - > Application main css file
│   ├── components
│   │   │── layouts
│   │   │   ├── LandingLayout  - > Layout for landing components & routers
│   │   │   ├── MainLayout     - > Layout for main components & routers
│   │   │   ├── MinimalLayout  - > Layout for mimimal components & routers
│   │   ├── loader
│   │   ├── modal
│   │── pages              - > View files for all pages
│   ├── contexts/redux     - > State management
│   ├── utils
│   │   ├── helpers        - > helpers utilities
│   │   ├── hocs           - > Custom hocs
│   │   ├── hooks          - > Custom hooks
│   │   ├── routes         - > router
│   │   ├── theme          - > custom theme provider
│   │   ├── constants      - > general app constants
│   ├──App.js              - > starting point of application
├── vite.config.js         - > Template constant value and live customization
├── index.html

ドキュメント

スリム ルーティング システムは、react-router とそのパッケージ、react-router-dom に基づいており、パフォーマンスを向上させるためにコード分割も使用しています。

ライセンス

• MIT に基づくライセンスを取得したカバー