# ReactEnd **Repository Path**: labike/ReactEnd ## Basic Information - **Project Name**: ReactEnd - **Description**: react.js open source project - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2019-10-10 - **Last Updated**: 2022-05-31 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ### React.js Open Source --- ReactEnd #### clone to local > git clone #### install package.json > npm/cnpm install #### install json-server > cnpm/npm install json-server -g #### start > npm run dev #### start server > npm run server #### style ![image1](http://oo8h584mv.bkt.clouddn.com/reactEnd1) #### json server ![image2](http://oo8h584mv.bkt.clouddn.com/reactEnd2) #### data ![image](http://oo8h584mv.bkt.clouddn.com/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7%202017-08-29%20%E4%B8%8A%E5%8D%889.48.38.png) #### build project ``` $ mkdir reactEnd && cd reactEnd $ mkdir app build $ cd app mkdir actions reducers components store style views ``` ``` ├── app 源码目录,在这个目录下做开发 │ ├── actions 存储可以发出的 action │ │ ├── ajax.js 自主封装ajax │ │ ├── login.js 控制登录验证 │ │ └── user.js user的增删改查获取,弹出框控制action │ ├── components 普通组件目录(如,弹出表单组件) │ │ └── User │ │ └── AlertUser.js 编辑添加弹出Form框组件 │ ├── index.js 入口文件,路由配置文件 │ ├── reducers 存放action的处理器reducers │ │ ├── rootReducer.js │ │ └── user.js │ ├── store 全局 store 存储目录 │ │ └── store.js │ ├── style 样式目录 │ │ └── index.css │ └── views 容器组件存放目录 │ ├── Index.js │ ├── Login.js │ ├── Menu.js │ └── User.js ├── build 打包后文件存储目录及模板文件存放位置 │ ├── bundle.js │ └── index.html ├── .babelrc babel配置文件(默认隐藏) ├── db.json 模拟后台数据 ├── package.json npm配置文件 └── webpack.config.js webpack配置文件 ```