ReactNative

ReactNative

一、Windows平台环境搭建
- 传统开发的痛点：人员稀缺、开发成本高、代码复用率低（两套代码）、不能动态更新
- ReactNative优点：跨平台、低投入高回报、性能高（构建渲染引擎）、支持动态更新
- 应用之后好处：一才两用、开发成本低、代码复用率高、支持动态更新（不需要每次更新都上传apk）
- windowns平台环境搭建：
开发工具：

• node.js:https://nodejs.org/en/download/current/
  安装完毕，cmd—>npm -v,版本正确就说明安装成功
• ReactNative ConmandLine(命令行工具)：
  安装ReactNative：npm install -g react-native-cli
  帮助命令：react-native -help
  初始化一个工程：react-native init 应用名
  这时候需要设置npm镜像服务器的配置来提高初始化速度，C:\Program Files\nodejs\node_modules\npm的npmrc添加一句话（registry = https://registry.npm.taobao.org）
  运行android项目react-native run-android
  前提：连接好一个手机，并切换到项目的根目录
  运行出来的内容是app.js中的内容，在这里可以修改
• AndroidStudio/XCode：
  Android中文官网：https://developer.android.google.cn
  注意：安装成功后容易红屏：手动启动reactnative服务器：npm start，此时只要晃动刷新手机就好

• ReactNative开发工具：Webstorm

激活：https://jingyan.baidu.com/article/7f41ecec323801593d095c28.html
下载：https://pan.baidu.com/s/1dF1xAEl 密码: 7enw

• 构建官方example-windows平台
  

  git搜索reactnative–clone到本地
  安装npm需要依赖包：在git的命令行界面npm install
  配置SDK和NDK：ndk10e

二、初始ReactNative组件

• 什么是ReactNative组件
  让UI分割成独立的、可重用的一些碎片或部分，这些部分都是相互独立的；