@achyutn/mui-comps
v1.0.0
Published
Reusable MUI components with react-hook-form
Downloads
7
Maintainers
Readme
MUI Components
Introduction
Feel free to use it. Introduction section coming soon.
Setup
Run the following command:
cp .env{.example,}
Use following to setup the package:
APP_NAME={APP NAME}
VITE_API_ENDPOINT={API ENDPOINT}
LOGIN_TOKEN = {LOGIN TOKEN NAME}
USER_VALUE={USER DATA VALUE}
You can access these values by importing
import {KEY} from "@an/env";
Example:
import {APP_NAME} from "@an/env";
return (
<>
App Name: {APP_NAME}
</>
)
Default Value
APP_NAME = "Application"
VITE_API_ENDPOINT = "https://localhost:8000"
LOGIN_TOKEN = "_an_token"
USER_VALUE = "_an_user"
Initialization
Copy the following code and replace in main.tsx
file:
import ReactDOM from 'react-dom/client'
import store from "@an/env";
import {Provider} from "react-redux";
import {BrowserRouter} from "react-router-dom";
import ANRoutes from "@anWrappers/ANRoutes.tsx";
import ANLayout from "@anWrappers/ANLayout.tsx";
import ThemeWrapper from "@anWrappers/ThemeWrapper.tsx";
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
<>
<Provider store={store}>
<BrowserRouter>
<ThemeWrapper>
<ANLayout>
<ANRoutes/>
</ANLayout>
</ThemeWrapper>
</BrowserRouter>
</Provider>
</>
)