一: React介绍:
是一套前端JavaScript框架,由Fackbook开源
特点:jsx语法,组件化模式,Virtual DOM, 单向数据流
基本模式:每个react应用可视为组件的组合.而每个react组件由属性(property)和状态(status)来配置,当状态发生变化时更新UI.组件的结构是由虚拟的DOM来维护, 确保实际更新的DOM只正产生了状态变化的部分
二: react开发环境搭建:
1.在终端安装homebrew
2.brew install node
3.brew install watchman
4.brew install flow
5.sudo npm install -g react-native-cli
之后就可以创建RN应用了
命令react-native init HelloWorld 命令cd HelloWorld 命令ls 命令open hello world.xcodeproj 运行程序, 修改里面的index.ios.js文件 鼠标放在模拟器上command+r刷新界面
常见问题解决:
Q:npm install -g react-native-cli无法安装
A:添加sudo权限安装
Q:xcode点击run之后报clang语法错误
code版本更新到最新
Q:模拟器使用command + r没反应
A: hardware -> keyboard -> connect hardware keyboard
三: React Native项目结构介绍:
1.包含android和iOS工程
2.node_modules是React Native的库工程文件, 所有引用的库都在这个里面
3.package.json对工程信息的说明(工程名称, 版本号, 权限是私有还是公共的, script脚本指明react-native是属于哪个目录下, react-native的版本是多少)
4.开发都是在index.ios.js或者index.android.js中进行.