React Native

React Native官方文档

http://wiki.jikexueyuan.com/project/react-native/

1. React Native快速入门

1. 介绍

React  Native 是facebook 在2015 React 开发者大会上公开的应用开发框架，一个可以用React开发框架，一个可以用React开发原生应用的框架。

应用： Facebook Group

天猫ipad

Chinese Flascards

真正意义的跨端应用开发

基于React的组件化开发模式

拥有web的发布能力和原生应用的性能

国内大型互联网公司已经开始投入大量资源到React Native中

Web 和Native结合的模式是未来

能力：

基于原生UI组件

手势识别为

基于FlexBox的css布局模式

跨平台开发（android 预计10月后才能支持）

基于React，jsx的组件开发模式

可使用npm中的模块

Chrome Dev Tool

React是一套前端JavaScript框架，有facebook开源。

特点：JSX语法，组件化模式，virtual DOM，单向数据流

基本模式：每个React应用可视为组件的组合，而每个React组件有属性和状态来配置，当状态发生变化时更新组件，组件的结构是虚拟的DOM来维护，确保实际更新的DOM只包括真正产生了状态变化的部分。

facebook 的跨平台：learnonce  write anywhere

react native同类型的框架有： google 的sky   titanium  NativeScript 鸟巢  Bee Framework

web和native 的结合是未来。

2. 开发环境搭建

mac

1. brew -v  查看是否安装homebrew 如果没有安装那么直接去到www.brew.sh

（初次安装失败，网络切换到代理之后安装成功，但是也很慢）

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2. brew install node

3. brew install watchman (检测文件变化的工具)

4. brew install flow   （检测js变化的工具）

5. npm install -g react-native-cli   （安装命令行工具 -g表示安装到全局模式）

react-native init HelloWorld  （创建helloworld程序）

       cd HelloWorld

如果出现npm无法加载可以通过cnpm来加载

通过Find命令搜索文件

find命令非常高效，并且使用简单。find命令来自unix，OS X和Linux系统同样支持该命令。find最基本的操作就是：

1. find 文件路径 参数

复制代码

比如你可以通过以下命令在用户文件夹中搜索名字中包含screen的文件

1. find ~ -iname  "screen*"

复制代码

你也可以在特定的文件夹中寻找特定的文件，比如

1. find ~/Library/ -iname "com.apple.syncedpreferences.plist"

复制代码

这个命令可以在Library文件夹中寻找com.apple.syncedpreferences.plist文件

安装nvm后，运行nvm,输出-bash:nvm:command not find

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.25.4/install.sh | bash

或者手动将

export NVM_DIR="/Users/magicdawn/.nvm"[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"  # This loads nvm

加到 ~/.bash_profile , zsh的话是 ~/.zshrc

3. Movie List 示例程序