入门RN心得

入门RN心得
众所周知RN从2013年进入APP开发市场至今已经流行5年之久了，曾3年前差点就有使用RN做项目开发的机会，但还是命运安排错过了，没想到这一错过就是3年之久。错过了进入RN的黄金时期也错过了RN的填坑时期。好了废话不多说，进入正题吧
先介绍一下RN，这一点往往在面试时会提到
RN是Facebook在2015年4月开源的跨平台移动应用开发框架，是FB开源的React框架的衍生物，React是基于JS的UI框架，是将MVC中的View单独抽出构建UI，其组件化的思路使得该框架具有很大的可维护性，借用一句话：凡FB出品，必属精品。要学习RN必须要懂JS，要了解React，还得要懂原生框架的特性，写iOS要熟悉UIKit特性，写Android要熟悉Activity和View。由于小编专业写iOS，刚上手写Android,所以只以iOS为例来讲解RN。
一，搭建RN开发环境
学任何一门开发语言首先第一步当时搭建该语言的开发环境。官方已经有很好的教程：https://reactnative.cn/docs/getting-started/
这里提几个要点，也是反复遇到的几个坑，
watchman的安装，遇到有报错，我这里是因为在/usr目录下缺少local文件夹
npm是react各种框架的管理器
yarn是npm的升级版比npm快
目前不知道是坑还是常态，每次开机后运行RN项目都必须先在项目目录下运行
npm install
npm start
然后才能 react-native run-ios
二，学习JSX
1，Props
2，State
3，样式（CSS）
4，布局
作为iOS原生开发的程序猿，其中样式和布局的学习至关重要，学会了样式和布局基本RN也就入门了。

查找端口使用情况
1、终端
2、cd 到项目目录
3、react-native start
4、lsof -n -i4TCP:8081 //这句可以看打印出8081端口下的服务
5、kill -9 //终止你其他占用端口

总结一下学习RN过程使用的工具，尝试了几款ide，例如deco，subline，xcode；最后还是选择了webstorm，用了破解版的webstorm。deco是FB专门为RN设计的ide，但是类的索引做的很不好，不能依靠点击类找到类的声明。subline也是没法关联文件索引，且目录颜色太单调。xcode不用说，对js的支持不是很好。所以最后选择了webstorm，破解版的用的还不错。

学习链接：
https://www.cnblogs.com/yexiaochai/p/6042112.html
http://www.devio.org/2019/03/03/react-basis-for-react-native/