rn-project
Version:
#### 项目介绍 类似一个脚手架的工具 此项目致力于构建一套基础，简单，可维护的 适配我司的react-native项目。可在此基础上搭建项目，封装了基础架构，基础组件，以及各种交互等；可快速进行项目搭建，开发。 # 涉及主要技术 - 1. 项目主要架构 * react native * react-navigation * redux
103 lines (88 loc) • 4.03 kB
Markdown
# rn-cli
#### 项目介绍
类似一个脚手架的工具
此项目致力于构建一套基础，简单，可维护的 适配我司的react-native项目。可在此基础上搭建项目，封装了基础架构，基础组件，以及各种交互等；可快速进行项目搭建，开发。
# 涉及主要技术
- 1. 项目主要架构
* react native
* react-navigation
* redux
- 2. 自动化工程部分
eslint
# 体验
Android 手机用户可在附件中下载包，进行体验 给出你宝贵意见~
# 项目初始化
```
基于react-native-cli
npm install -g react-native-cli
or
yarn global react-native-cli
安装脚手架模块
npm i rn-project
or
yarn add rn-project
or
git clone https://gitee.com/jslinLink/rn-cli.git
npm install or yarn install
启动node服务
npm start
运行 android 项目
npm run android
运行 ios 项目
npm run ios
```
# 如何更改包名
此项目并没有真正意义上实现脚手架工具，只是实现一个npm包管理，具体到搭建项目 更改包名可参考：react-native-rename
https://github.com/junedomingo/react-native-rename
# 项目相关演示
# 目录结构
```
├── README.md
├── __tests__
├── android
├── app.json
├── index.android.js // android entry
├── index.ios.js // ios entry
├── ios
├── package.json
├── src
│ ├── actions
│ ├── components // 页面组件
│ ├── constants // 常量，原则上不能存在魔法字符串，公用/重要常量在此文件夹下统一定义
│ │ ├── ActionTypes.js // ActionTypes
│ │ ├── Api.js // 接口路径
│ │ ├── Config.js // 项目参数
│ │ ├── Global.js // 全局常量
│ │ └── Style.js // 基础UI定义
│ ├── images
│ ├── main.js // 首页入口，底部导航配置，名字取的不好？
│ ├── pages // 页面入口, 统一使用SafeAreaView作为顶层组件
│ ├── reducers
│ ├── router.js // router config , pages下的所有文件都要在此定义
│ ├── store
│ └── utils // 工具集合，公用方法都需要整理到这里
│ ├── CheckFormat.js // precommit hook 调用的检查方法
│ ├── Form.js // 表单的正则校验
│ ├── Request.js // 请求
│ ├── View.js // 页面内调用比较多的UI方法
│ └── lib
```
# 组件使用
请参考 Demo 示例
# 组件库
# 编码规范
# 原生端集成
持续更新中：
- 热更新
- 推送
- 统计
- 包加固等