react-project

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 9 Open GitHub ↗

Awesome react project template.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# [React Project](https://github.com/lovelope/react-project)

[![Travis Build Status][travis-ci]][travis-ci-url]
[![Github Actions Build Status][github-actions]][github-actions-url]
[![GitHub license][license]][license-url]
[![JavaScript Style Guide][airbnb]][airbnb-url]
[![code style: prettier][prettier]][prettier-url]
[![stylelint (latest)][stylelint]][stylelint-url]
[![Dependencies status][dependencies]][dependencies-url]
[![antd (latest)][antd]][antd-url]
[![mobx (mobx)][mobx]][mobx-url]
[![webpack (latest)][webpack]][webpack-url]
[![@babel/preset-env (latest)][babel]][babel-url]
[![GitHub last commit (branch)][commit]][commit-url]
[![GitHub top language][language]][language-url]
[![PRs Welcome][pr]][pr-url]

---

## ✨ 功能

- antd 主题修改
- editorconfig 文件规范
- prettier 代码规范
- eslint
- stylelint
- babel@7
- postcss
- webpack
- api proxy 支持环境切换
- mobx
- sourceMap 地址替换
- git commit msg 规范
- dll 支持

## 🖥 浏览器兼容性

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)Opera |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

## 🔨 使用方法

```bash
# 启动命令
npm start

# 切换环境
npm start --qa # qa 环境

# 构建命令
npm run build
```

## 🔧 配置切换的文件

`tools/switch.config.js`

## 📈TODO

[TODO.md](./TODO.md)

[travis-ci]: https://api.travis-ci.org/lovelope/react-project.svg?branch=master
[travis-ci-url]: https://travis-ci.org/lovelope/react-project
[github-actions]: https://github.com/lovelope/react-project/workflows/build/badge.svg
[github-actions-url]: https://github.com/lovelope/react-project/actions?workflow=build
[license]: https://img.shields.io/badge/license-MIT-blue.svg
[license-url]: https://opensource.org/licenses/MIT
[airbnb]: https://img.shields.io/badge/code_style-airbnb-brightgreen.svg
[airbnb-url]: https://github.com/airbnb/javascript
[prettier]: https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square
[prettier-url]: https://prettier.io/
[stylelint]: https://img.shields.io/npm/v/stylelint/latest.svg?label=stylelint
[stylelint-url]: https://stylelint.io/
[dependencies]: https://img.shields.io/david/lovelope/react-project.svg
[dependencies-url]: https://github.com/lovelope/react-project/raw/master/package.json
[antd]: https://img.shields.io/npm/v/antd/latest.svg?label=antd
[antd-url]: https://ant.design/
[mobx]: https://img.shields.io/npm/v/mobx/mobx.svg?label=mobx
[mobx-url]: https://mobx.js.org/
[webpack]: https://img.shields.io/npm/v/webpack/latest.svg?label=webpack
[webpack-url]: https://webpack.js.org/
[babel]: https://img.shields.io/npm/v/@babel/preset-env/latest.svg?label=%40babel%2Fpreset-env
[babel-url]: https://babeljs.io/
[commit]: https://img.shields.io/github/last-commit/lovelope/react-project/master.svg
[commit-url]: https://github.com/lovelope/react-project/commits/master
[language]: https://img.shields.io/github/languages/top/lovelope/react-project.svg
[language-url]: https://www.typescriptlang.org
[pr]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg
[pr-url]: https://github.com/lovelope/react-project/pulls

react-project

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README