https://github.com/yunsii/vite-react

🚀 Use Vite + React like a Pro!
https://github.com/yunsii/vite-react

ant-design-pro antd eslint prettier react react-router-dom scaffolding typescript vite vitjs windicss

Last synced: 3 days ago
JSON representation

🚀 Use Vite + React like a Pro!

• Host: GitHub
• URL: https://github.com/yunsii/vite-react
• Owner: yunsii
• License: mit
• Created: 2021-02-18T13:03:29.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2022-09-24T05:00:51.000Z (about 2 years ago)
• Last Synced: 2024-12-11T14:02:07.712Z (12 days ago)
• Topics: ant-design-pro, antd, eslint, prettier, react, react-router-dom, scaffolding, typescript, vite, vitjs, windicss
• Language: TypeScript
• Homepage: https://yunsii.github.io/vite-react
• Size: 14.5 MB
• Stars: 164
• Watchers: 4
• Forks: 24
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
English | [简体中文](./README.zh-CN.md)

# Vite React

🚀 Use Vite + React like a Pro!

> Try building an [Ant Design Pro](https://github.com/ant-design/ant-design-pro)-like project with [Vite](https://github.com/vitejs/vite), which builds an easy-to-use mid-background scaffolding from scratch.

## ✨ Features

- 🛠 [TypeScript](https://github.com/microsoft/TypeScript) + [ESLint](https://github.com/eslint/eslint) + [Prettier](https://github.com/prettier/prettier) + [lint-staged](https://github.com/okonet/lint-staged), preset configurations

- ❤️ [Less](https://github.com/less/less.js) + [Windi CSS](https://github.com/windicss/windicss), enjoyable CSS development experience

- ⚙️ Preset Vite plugins reasonable, pursue the ultimate development experience

- 💡 Fully features of [Ant Design](https://github.com/ant-design/ant-design), support style import on demand

- 💎 Provide different degrees of custom scaffolding, free choice, easy to use

## Always one option for you

Due to the different needs of everybody, and in order to reduce the mental burden of users, the increasingly complex project was split, but the development environment configuration remained, which also made it convenient for users to customize the development environment. The following shows the preset core dependencies of each branch.

### [⭐️ feat/base](https://github.com/yunsii/vite-react/tree/feat/base)

Only provides primitive React development support for small, routless projects such as Hello World or for custom more complex scaffolding.

- [react](https://github.com/facebook/react)

- [react-dom](https://github.com/facebook/react/blob/main/packages/react-dom/README.md)

### [⭐️ feat/vitjs](https://github.com/yunsii/vite-react/tree/feat/vitjs)

Based on [vitjs/vit](https://github.com/vitjs/vit), take over the route and application entry, support custom MOCK data. It can be convenient to build a complicated application based on routing.

- [react](https://github.com/facebook/react)

- [react-dom](https://github.com/facebook/react/blob/main/packages/react-dom/README.md)

- [vitjs/vit](https://github.com/vitjs/vit)

### [⭐️ master](https://github.com/yunsii/vite-react)\*

Contains all the features of the previous branch, while supporting the fully features of antd, and [Ant Design Pro](https://github.com/ant-design/ant-design-pro) page layout

- [react](https://github.com/facebook/react)

- [react-dom](https://github.com/facebook/react/blob/main/packages/react-dom/README.md)

- [vitjs/vit](https://github.com/vitjs/vit)

- [antd](https://github.com/ant-design/ant-design)

- [@ant-design/pro-layout](https://procomponents.ant.design/components/layout)

- [ahooks](https://ahooks.js.org/hooks)

### [⭐️ feat/concent](https://github.com/yunsii/vite-react/tree/feat/concent)

Contains all the features of the previous branch, Use [concent](https://github.com/concentjs/concent) as a global state management tool.

- [react](https://github.com/facebook/react)

- [react-dom](https://github.com/facebook/react/blob/main/packages/react-dom/README.md)

- [vitjs/vit](https://github.com/vitjs/vit)

- [antd](https://github.com/ant-design/ant-design)

- [@ant-design/pro-layout](https://procomponents.ant.design/components/layout)

- [ahooks](https://ahooks.js.org/hooks)

- [concent](https://github.com/concentjs/concent)