React Native 课程更新：创建项目

2017.02.22 更新：创建 React Native 项目

最近更新了一下在 React Native 课程里做的一个小项目，支持新版本的 React 与 React Native。我录了一个视频，没有过多剪辑，基本上就是一个完整的在 macOS 上运行 React Native 的 iOS 应用的全过程，你可以边看边操作。

项目更新

安装新版的 react-native-cli  工具，然后用这个新的工具去创建一个全新的 React Native 项目，我又把自己写的项目代码复制到这个新的项目里面，这样再次运行 React Native 就不会有什么问题了。

项目代码更新

我们在 React Native 课程里做的小项目用了豆瓣提供的 API：

• Top250：豆瓣评价最好的 250 个电影。
• 北美票房榜
• 电影搜索：搜索关键词返回相关的电影。
• OAuth 2.0：登录认证。

其中北美票房榜这个 API 有点问题，所以我把项目里用的这个 API 换成了豆瓣的 “正在热映” 。我在豆瓣开发者网站上申请的应用现在被阻止了，可能是豆瓣不允许大家一起使用应用的密钥，所以你现在要测试 OAuth 认证，你需要自己到豆瓣开发者网站上申请应用，然后在我们的项目里填写你自己的 key 与 secret 。

创建项目的流程

在 macOS 上运行我们做的 iOS 应用：

1. 安装 node
2. 安装 watchman
3. 安装 react-native-cli

然后：

git clone git@github.com:ninghao/MovieTalk.git

进入到项目：

cd MovieTalk

安装项目需要的东西：

npm install

编译，安装，运行应用：

react-native run-ios

默认会在 iOS 模拟器上打开应用。