cra-template-react-mkx-template
v1.1.7
Published
The standard template for Create React App.
Downloads
16
Maintainers
Readme
React Standard Template for Create React App
Installation
To use this template with Create React App, run the following command:
npx create-react-app my-react-app --template react-mkx-template
Key Features
This template includes the following features:
- Standard Folder Structure
- Router Setup
- TailwindCSS Setup
- Dark/Light Mode Setup
- Material UI Setup
- Material Icon Setup
- Axios Setup
- Formik-Yup Setup
- Useful Custom Hooks
Folder Structure
my-react-app
├── node_modules
├── public
│ ├── favicon.ico
│ ├── index.html
│ ├── logo192.png
│ ├── logo512.png
│ ├── manifest.json
│ └── robots.txt
├── src
│ ├── Authentication
│ │ ├── index.js
│ │ ├── SIgnIn
│ │ │ └── index.js
│ │ └── SignUp
│ │ └── index.js
│ ├── Components
│ │ ├── Common
│ │ │ ├── Footer
│ │ │ │ └── index.js
│ │ │ ├── Header
│ │ │ │ └── index.js
│ │ │ └── index.js
│ │ └── Home
│ │ ├── Card
│ │ │ └── index.js
│ │ └── RightColumn
│ │ └── index.js
│ ├── Configs
│ │ ├── axios.js
│ │ └── urls.js
│ ├── Layout
│ │ └── index.js
│ ├── Mock
│ │ └── index.js
│ ├── NotFound
│ │ └── index.js
│ ├── Pages
│ │ ├── AboutUs
│ │ │ └── index.js
│ │ ├── ContactUs
│ │ │ └── index.js
│ │ ├── Home
│ │ │ └── index.js
│ │ └── index.js
│ ├── Resources
│ │ └── react.png
│ ├── Router.js
│ ├── Routes
│ │ └── index.js
│ ├── Schemas
│ │ └── index.js
│ ├── Services
│ │ ├── AboutUs
│ │ │ └── index.js
│ │ ├── ContactUs
│ │ │ └── index.js
│ │ └── Home
│ │ └── index.js
│ ├── index.css
│ ├── index.js
│ └── Router.js
├── .gitignore
├── jsconfig.json
├── prettier.config.js
├── README.md
├── package-lock.json
├── package.json
└── tailwind.config.js
Development
In the project directory, you can run:
start
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
build
npm run build
Builds the app for production to the build
folder.
It correctly bundles React in production mode
and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Reference
To learn Create React App
, check out the Create React App Documentation.
To learn React
, check out the React Documentation.