Language : πΊπΈ| π¨π³δΈζζζ‘£
QuickStart React Admin
An quick-start solution for enterprise applications as a React templete.
Inspired by https://github.com/Codennnn/portal
Preview
prod: https://quickstart-react-admin.vercel.app/
Features
- π‘ TypeScript: A language for application-scale JavaScript
- π Blocks: Build page with block template
- π Neat Design: Follow Ant Design specification
- π Common Templates: Typical templates for enterprise applications
- π State of The Art Development: Newest development stack of React/Redux/Redux-Tookit/antd
- π± Responsive: Designed for variable screen sizes
- π¨ Theming: Customizable theme with simple config
- π International: Built-in i18n solution
- βοΈ Best Practices: Solid workflow to make your code healthy
- π’ Mock development: Easy to use mock development solution
- β UI Test: Fly safely with unit and e2e tests
- β Docker: Easy to run with Docker
Directory Structure
βββ README.md
βββ craco.config.js
βββ package-lock.json
βββ package.json
βββ public
β βββ favico.ico
β βββ index.html
β βββ manifest.json
β βββ robots.txt
βββ src
β βββ App.tsx
β βββ app
β β βββ api
β β β βββ notice.ts
β β β βββ user.ts
β β βββ components
β β β βββ Brand.tsx
β β β βββ Calendar.tsx
β β β βββ Content
β β β β βββ AppContent.tsx
β β β β βββ index.ts
β β β βββ DatePicker.tsx
β β β βββ Footer
β β β β βββ AppFooter.tsx
β β β β βββ index.ts
β β β βββ Header
β β β β βββ AppHeader.tsx
β β β β βββ Locales.tsx
β β β β βββ LoginTitle.tsx
β β β β βββ Notice.tsx
β β β β βββ UserProfile.tsx
β β β β βββ index.ts
β β β βββ Layouts
β β β β βββ MainLayout.less
β β β β βββ MainLayout.tsx
β β β β βββ UserLayout.less
β β β β βββ UserLayout.tsx
β β β β βββ index.tsx
β β β βββ Result
β β β β βββ NotFound.tsx
β β β β βββ index.ts
β β β βββ SiderBar
β β β β βββ AppSider.tsx
β β β β βββ index.tsx
β β β βββ TimePicker.tsx
β β β βββ Welcome.tsx
β β β βββ index.ts
β β βββ hooks
β β βββ pages
β β βββ redux
β β β βββ appStateSlice.ts
β β β βββ userLoginSlice.ts
β β βββ store.ts
β β βββ styleConstants.ts
β β βββ types
β β βββ app.ts
β β βββ index.ts
β β βββ user.ts
β βββ assets
β β βββ images
β βββ globalConstants.ts
β βββ index.tsx
β βββ locales
β β βββ en_US.json
β β βββ index.ts
β β βββ zh_CN.json
β βββ react-app-env.d.ts
β βββ reportWebVitals.ts
β βββ routes
β β βββ index.tsx
β βββ scrollbar.ts
β βββ serviceWorker.js
β βββ styles
β β βββ app.less
β β βββ tailwind.css
β β βββ variables.less
β βββ utils
β βββ api.ts
β βββ auth.ts
β βββ index.ts
β βββ request.ts
β βββ types.ts
βββ tailwind.config.js
βββ tsconfig.json
βββ yarn.lock
Useage
Dev
$ mkdir <your-project-name>
$ cd <your-project-name>
$ yarn install
$ yarn start # visit http://localhost:3000
Production
$ mkdir <your-project-name>
$ cd <your-project-name>
$ yarn build
lookup the output path: /dist
Browsers support
Modern browsers.
Edge |
Firefox |
Chrome |
Safari |
Opera |
---|---|---|---|---|
Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
Contributing
Any type of contribution is welcome, here are some examples of how you may contribute to this project:
- Submit issues to report bugs or ask questions.
- Propose pull requests to improve our code.