开篇呢，先给大家问个好，今天是中秋节，祝大家中秋节快乐！！虽然是中秋节，但是木有回家还是总结一下知识点写写博客吧，想着昨天总结一下的，但是昨天和几个同学小聚了一下，酒逢知己总是千杯少呢，喝的微醺不适合写东西，所以就留到今天总结了。因为这段时间在工作中陆陆续续的接触到了一些RN开发的东西，还是需要总结一下的。今天只是个开篇，接下来还会有陆陆续续的关于RN开发的总结，今天主要是环境搭建、简单的组件封装、Props和State的介绍，稍后还会更新布局、动画等一些开发中常用的东西。
虽然RN没有Release版、虽然Airbnb放弃了RN、虽然Facebook正在重构RN, 但是RN还是动态化比较好的选择方案的，还是要好好的搞一下RN的，当然也是工作中需要。既然要搞，就得认真呢，这篇是关于RN的第一篇博客，后续还会有其他关于RN的博客跟进的，也好在自己的学习历程中打个Tag。今天博客比较简单，是RN入门级别的，当然进阶的东西目前还没有接触过，等深入后再展开来记录吧。
RN官方文档（https://facebook.github.io/react-native/docs/getting-started）
一、RN下的Hello World
接触一个新的东西那必须从HelloWorld开始呢，下方就一步步的从无到有搞一个RN的Hello World！
1、安装Node和VSCode
首先我们来搞一下Hello World前的准备工作，使用RN时，Node环境是必不可少的，如果你没有Node环境可以使用brew进行安装。（如果你还没安装Homebrew, 那么请Google自行安装）
brew install node然后可以把node的源更新成taobao的镜像，这样访问速度会快一些。
npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global
装完Node后，然后就是选择安装一个开发RN的IDE了，当然你如果够强大，完全可以用记事本来编写RN的代码。当然用记事本是开玩笑的，可以用Sublime Text、Visual Studio Code等，如果比较土壕的程序员呢，你可以支持一下正版的Webstorm。当然想我这样“温饱都成问题”的程序猿，就只能用免费的VSCode了。
官方地址：https://code.visualstudio.com/
虽然本篇博客使用的VScode，但是平时开发中用WebStorm感觉还是挺爽的。
2、安装 exp
直接在模拟器上调试，依赖于exp这个App，下方这个命令就是安装exp。安装完后，会在模拟器上看到Expo这个App, 下方我们就会用到这个Expo。
npm install exp --global
3、create-react-native-app and run app
安装完Node后，使用Node的npm把create-react-native-app这个包装一下，可以快速的创建一个RN-Project。
然后使用create-react-native-app可以创建一个RN工程了，下方创建了一个名为MyFirstRNProject的RN工程。
创建完相关的RN工程成功后会有相关的提示，我们还是按照其提示的俩，使用 yarn start 来启动工程。
启动后，会让你选择相关的运行方式，因为本篇博客是在iOS环境下做的Demo，所有就直接选择 i 即可。
选择 i 后，就会启动模拟器中的Expo。可以用 command + D 来调用和隐藏开发调试面板。然后就会看到右边红框找那个的默认的文案。