rn-project

rn-cli

项目介绍

类似一个脚手架的工具 此项目致力于构建一套基础，简单，可维护的 适配我司的react-native项目。可在此基础上搭建项目，封装了基础架构，基础组件，以及各种交互等；可快速进行项目搭建，开发。

涉及主要技术

• 1. 项目主要架构
  • react native
  • react-navigation
  • redux
• 1. 自动化工程部分 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 示例

组件库

编码规范

原生端集成

持续更新中：

• 热更新
• 推送
• 统计
• 包加固等