ReactNative-基础安装配置

为什么要用reactNative开发？

传统开发的痛点：人员稀缺

                            h5webView开发效果不好

                            开发成本高

                            代码复用率低

                            无法实现动态更新                              

ReactNative的优点:  跨平台

                                低投入高回报

                                性能高

                                支持动态更新

好处：一才俩用 ， 开发成本低 ，代码复用率高 ，用户无需更新下载

----------------------------------------开发环境搭建-------------------------------------

Node.js

React Nactive Command Line 

Android Studio/XCode

步骤：1.下载nodejs,地址https://nodejs.org/en/download/

          2. 测试是否安装成功：cmd -->npm -v          

          3.下载react-cli , cmd -->npm install -g react-native-cli

          4.测试react-cli是否安装成功： react-native --help

          5.创建一个reactNative项目：  react-native init FirstApp

            注意有时由于学习需要，要下载较低版本的reactnative ,这时在初始化时要指定react-native 的版本（react-native基本每俩周更新一次，而且版本向前兼容性不是很好），命令如下：

              react-native init ReactNative1  --source [email protected]（这里我指定了0.40.0版本）

             注意初始化会下载很多包，此时最好添加下淘宝镜像，提高下载速度：

            cmd --------> npm config set registry “https://registry.npm.taobao.org" 

            不报错，显示下图即可

 

    -------------------------------ReactNative组件----------------------------------

React组件让你将UI分割成独立的、可重用的一些碎片或部分，这些部分都是相互独立的

                                        

创建组件的三种方式：

 1.ES6创建组件的方式

 2.ES5创建组件的方式

 3.函数式定义的无状态组件

创建一个项目：

 react-native init helloReact

创建setup.js用于被指向的js文件，android或者ios会使用指向的文件，这样对setup.js的修改都会运行在虚拟机上

注意render方法是必须要有的，用于ui要渲染的内容