{"id":18305125,"url":"https://github.com/dunwu/react-app","last_synced_at":"2026-04-11T09:04:34.455Z","repository":{"id":104545195,"uuid":"106223393","full_name":"dunwu/react-app","owner":"dunwu","description":"react 应用","archived":false,"fork":false,"pushed_at":"2017-10-19T15:07:37.000Z","size":4582,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-15T04:43:51.641Z","etag":null,"topics":["axios","babel","es6","eslint","less","react","react-router","redux","webpack"],"latest_commit_sha":null,"homepage":"https://dunwu.github.io/react-app/demos/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dunwu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-10-09T01:26:35.000Z","updated_at":"2021-06-08T03:18:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"52729774-51b7-4383-8558-6c881f10a775","html_url":"https://github.com/dunwu/react-app","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dunwu%2Freact-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dunwu%2Freact-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dunwu%2Freact-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dunwu%2Freact-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dunwu","download_url":"https://codeload.github.com/dunwu/react-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248022468,"owners_count":21034875,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","babel","es6","eslint","less","react","react-router","redux","webpack"],"created_at":"2024-11-05T15:32:47.475Z","updated_at":"2026-04-11T09:04:29.436Z","avatar_url":"https://github.com/dunwu.png","language":"JavaScript","readme":"# React App\n\n\u003e React App 是一个 React 示例项目。\n\u003e\n\n## Quick Start\n\n**下载**\n\n```shell\n$ git clone https://github.com/dunwu/react-app.git\n$ cd react-app\n```\n\n**命令**\n\n你可以选择 npm 或 yarn 来安装、运行项目。\n\n- **npm**\n\n```sh\n# 安装依赖\n$ npm install\n# 开发环境，启动一个开发服务\n$ npm run dev\n# 生产环境，输出文件到 build 目录（所有请求的应答为 mock 数据）\n$ npm run proc\n# 生产环境，输出文件到 build 目录（所有请求将发送真实 http 请求）\n$ npm run real\n# 启动单元测试\n$ npm run test\n# ESLint 检查\n$ npm run lint\n# 部署到 gh-pages 分支（需要根据个人的 GIthub 账户进行修改）\n$ npm run deploy\n```\n\n- **yarn**\n\n```sh\n# 安装依赖\n$ yarn\n# 开发环境，启动一个开发服务\n$ yarn dev\n# 生产环境，输出文件到 build 目录（所有请求的应答为 mock 数据）\n$ yarn proc\n# 生产环境，输出文件到 build 目录（所有请求将发送真实 http 请求）\n$ yarn real\n# 启动单元测试\n$ yarn test\n# ESLint 检查\n$ yarn lint\n# 部署到 gh-pages 分支（需要根据个人的 GIthub 账户进行修改）\n$ yarn deploy\n```\n\n## 功能\n\n- 可切换布局形式：上中下布局和侧边栏-上中下布局\n- 支持响应式布局\n- 根据后台数据动态加载菜单项\n- 富文本编辑器\n- 二维码生成器\n- 拖拽组件\n- 展示一些 UI 组件用法\n- 开发环境下支持热替换（HMR）\n- 开发环境下支持 Redux 开发工具\n- 区分环境使用 HTTP 请求，非真实环境下使用 Mock 数据\n\n待补充。。。\n\n## 说明\n\n### 依赖库\n\n- [React](https://github.com/facebook/react) React 是一个用于构建用户界面的 JavaScript 库。\n- [Webpack](https://github.com/webpack/webpack) Webpack)是一个模块打包器。\n- [Babel](https://babeljs.io/) 一些浏览器并不识别\"ES6、React 等语法特性，需要 Babel 来解释语法。\n- [ESLint](https://github.com/eslint/eslint) 用于识别\"JavaScript 模式的工具，帮助你检视自己的代码。\"\n- [React Router](https://github.com/ReactTraining/react-router) React 的路由库。\n- [Redux](https://github.com/reactjs/redux) JavaScript 应用的状态管理容器。\n- [Axios](https://github.com/axios/axios) 基于 Promise 的 HTTP 请求工具，支持浏览器和 Node.js。\n- [Ant Design](https://github.com/ant-design/ant-design) 一个丰富的 UI 组件库。\n- [Less](https://github.com/less/less.js) Less 是 CSS 预处理语言，它扩展了 CSS 的语法，提供了一些实用的特性。\n- [Mock](https://github.com/nuysoft/Mock) 生成仿真数据的 JavaScript 库。\n\n### License\n\nMIT\n\n## 规范\n\n### 语法规范\n\n语法规范上基本使用 JavaScript 社区比较严格的 Airbnb 规范，略微做了调整。\n\n项目中的语法检查配置项可以查看 `codes/config/.eslintrc.js` 文件。 \n\n[Airbnb JavaScript 语法规范](https://github.com/airbnb/javascript)\n\n[Airbnb React 语法规范](https://github.com/airbnb/javascript/tree/master/react)\n\n[Airbnb CSS 语法规范](https://github.com/airbnb/css)\n\n[Airbnb JavaScript 中的 CSS 语法规范](https://github.com/airbnb/javascript/tree/master/css-in-javascript)\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdunwu%2Freact-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdunwu%2Freact-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdunwu%2Freact-app/lists"}