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最基本的操作就是:
你也可以在特定的文件夹中寻找特定的文件,比如
这个命令可以在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 示例程序