# xforcereact

> xforce react dev by luo jianzong

Latest version **0.0.1** (published 2018-08-01) · ISC license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install xforcereact
pnpm add xforcereact
yarn add xforcereact
bun add xforcereact
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2018-08-01 |
| First published | 2018-08-01 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 12 |
| Unpacked size | 1003.7 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | Element Luo |
| Maintainers | wangxianfa |

## Links

- npm: https://www.npmjs.com/package/xforcereact
- npm.io page: https://npm.io/package/xforcereact

## Dependencies (12)

- [antd](https://npm.io/package/antd.md) ^3.6.6
- [react](https://npm.io/package/react.md) ^16.4.1
- [redux](https://npm.io/package/redux.md) ^4.0.0
- [mockjs](https://npm.io/package/mockjs.md) ^1.0.1-beta3
- [ljz-fetch](https://npm.io/package/ljz-fetch.md) 0.0.6
- [react-dom](https://npm.io/package/react-dom.md) ^16.4.1
- [react-redux](https://npm.io/package/react-redux.md) ^5.0.7
- [redux-thunk](https://npm.io/package/redux-thunk.md) ^0.1.0
- [redux-logger](https://npm.io/package/redux-logger.md) ^2.6.1
- [react-loadable](https://npm.io/package/react-loadable.md) ^5.4.0
- [react-router-dom](https://npm.io/package/react-router-dom.md) ^4.3.1
- [babel-plugin-import](https://npm.io/package/babel-plugin-import.md) ^1.8.0

## Recent versions

- 0.0.1 (latest) — 2018-08-01

## README

## Quick Start

* 安装

```bash
npm install
```
or
```bash
yarn install
```

* 运行

```
npm run dev
```

## 目录结构

`src` 目录下

```js
|-- assets                      // 静态资源
|-- common                      // 常量
|---- menus.js                  // 菜单入口
|-- components                  // 公用组件
|-- config                      // 暂未用到
|-- pages                       // 功能模块
|---- index.jsx                 // 页面布局逻辑处理入口
|---- Layout                    // 页面布局模块
|---- Login                     // 登陆模块
|------ module                  // 当前模块 redux
|------ components              // 当前模块公用组件
|------ index.jsx               // 当前模块入口
|------ index.scss              // 当前模块样式
|---- ...                       // 其他模块
|-- routes                      // route 配置
|---- index.jsx                 // route 入口文件
|-- store                       // redux 配置
|---- reducers.js               // redux 入口文件
|-- utils                       // 封装公用方法
|-- index.jsx                   // 项目入口
```

> **注意** `pages` 目录下文件夹对应的是功能模块

## 新增模块

* 比如新增**列表管理模块**：

在 `src/pages` 目录下新建文件夹，且命名未 `List`

```js
|-- List
|---- module // 当前模块 redux
|---- components // 当前模块公用组件
|---- index.jsx // 当前模块入口
|---- index.scss // 当前模块样式
```

* 添加路由

打开 `src/routes/index.js` 文件，添加对应模块的路由即可

打开 `src/common/menus.js` 文件，添加对应模块的菜单入口

打开 `src/store/reducers.js` 文件，添加对应模块的 `redux`

---
_Source: https://npm.io/package/xforcereact · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._