React Native——我的学习套路

学习东西都有一定的套路，特别是新的框架，对于React Native，我是这么学的。

第一步 ： 这是啥

在各种原因下，需要使用某个框架时，那第一件事就是知道这个框架是用来干什么。React Native，就是用来做移动端的跨平台应用（iOS和Android），使用JavaScript来开发。据说性能非常接近原生，这是我最感兴趣的地方。

目前关于Hybrid App的框架，有大概两种分类：

1. 组件以Web实现为主，附加原生功能调用接口

优点：组件可在普通浏览器，微信等页面使用。

缺点：在某些低端机器页面卡顿，或者不平滑，效果不及原生很多。

2. 组件以原生实现为主，附加原生功能调用接口

优点：操作起来会更加流畅，效果很接近原生。

缺点：只能在固定容器下使用（但某些情况下这个不算是缺点）。

在我看来，React Native应该是第二种，虽然Hybrid App的定义是Web页面和原生壳的组合，但React Native的js文件也算是Web吧。另外，React Native印证了我之前的一句话——要做得像原生，有原生的效果，那就得用原生去做。

PS：知道框架用来干嘛的第一步就完成了。

第二步 ： 环境搞起

第二步，该把开发环境搭起来。在装React Native开发环境时，该装NodeJS装NodeJS，该装Python的装Python，注意安装的版本。每个框架都肯定会有这些新手指引，照着来一步步就行了，这里注意一点，安装软件错了不要怕，仔细查看报错的日志，然后在网上查查，你遇到的问题别人也肯定遇到过（99%是这样的）。

React Native需要装的东西挺多的，不过我按着文档很顺利的就安装完了。

PS：我装的是在Window上开发Android的环境。

第三步 ： HelloWorld

有个笑话：某程序员辞职之后准备练习书法，他买来了全套最好的书法用具，在纸上写下了几个字：Hello World。

可以说，HelloWorld是一切语言或框架学习的起始，它是经典中的经典。

于是，很重要的一步开始了，React Native的HelloWorld ：

1. 初始化工程

在DOS输入命令 ：react-native init AwesomeProject

从命令上看，看起来是初始化一个工程，于是，

1分钟......

10分钟......

1小时......

2小时......

纳尼，什么鬼，接近3个小时都没有初始化好，真是X了狗了。

2. 换npm源

据说是react-native命令行从npm官方源拖代码会因为“和谐”的原因，会拉不了，于是有人建议使用国内的：

npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/dist

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：React Native——我的学习套路

关键词：react