一、 React培训(2天)

1.熟悉React(1天)

依照React官方文档创建一个项目敲一遍代码,熟悉React语法。
确保会用以下几项:
① 事件绑定。
② 生命周期中的挂载和卸载。
③ state保存和更新方法。
④ 父子组件之间的通信方式。

2.Redux入门(0.5天)

在项目中安装Redux;
阅读官方文档或者与之相关的网站;
确保理解且会用store、action、reducer。

3. react-navigation入门(0.5天)

确保会用页面跳转的几种方式,以及传值和取值的方法。

二、RN培训

1.配置本地开发环境(需要vpn)

详见RN官方文档
注:配置环境所涉及到的目录不能出现中文,包括C盘用户名。

2.项目运行(需要vpn)

确保电脑和手机设备在同一局域网下。
公司的mac电脑因目录权限问题,启动项目需要在命令前加sudo,如祥源和主平台为“sudo yarn start”。

2.1 android

① 将jks文件放入项目根目录中。
② 用Android Studio打开项目的Android目录,耐心等待gradle同步。
③ 连接安卓手机,Android Studio中选择连接的手机,点击运行。
④ 启动项目,启动命令见项目的package.json。如:祥源和主平台的为 yarn start。
⑤ 打包之前,一般需要更改apk版本号,在android\app\build.gradle文件中找到defaultConfig下的versionName修改成要发布的版本号,同时versionCode通常也跟着修改。如果是利用expo开发的项目(如祥源和主平台)还要在项目根目录下运行expo publish。
⑥ 打包,利用gradle打包,点击Android Studio右侧边栏的Gradle,双击app/Tasks/build/assemble。该命令会在android\app\build\outputs\apk目录下同时生成debug包(开发测试的apk)和release包(正式的apk)。
注:如果 ② ③ ⑥ 中出现can not resolve这样的错误,说明网络环境不好,请检查是否可以翻墙,然后多试几次。

2.2 ios

①用xcode打开项目的ios目录,然后连接手机,选择ios设备安装。
②启动项目,启动命令见项目的package.json。如:祥源和主平台的为 yarn start。
③打包之前,如果是利用expo开发的项目(如祥源和主平台)还要在项目根目录下运行expo publish。
④打包 未完待补
注:项目拉取过来时podfile.lock文件要保留,该文件指定了ios引用的pod包的版本,虽然在xcode运行时如果没有podfile.lock会自动生成一个,但是其中所引用的版本都是最新的。

三、文档说明

本文档旨在帮助团队中未接触过RN的前端快速接手RN项目(祥源和主平台为主),具体为:①能在完整的项目基础上快速定位到要改哪里,怎么改。②运行和打包的交接。③部分坑点的提醒,都表标上了“”。
更多关于React和React Native技术栈的技术还需开发者自己深入了解学习。