最近发现身边很多小伙伴,从原生开发的大神转为h5混合开发的菜鸟,由于公司项目需要rn开发,我也抽时间学了一些rn开发的技术。
1. 开发语言
每项技术都有一种专门的语言,比如iOS是OC或者Swift,RN用什么语言呢?
RN用的JSX语言,JSX语言是JS进化过来的,类似于OC是C语言进化的一样
2. 搭建RN环境&&创建项目
作为一个mac环境上的开发者,环境一般都不是问题,创建项目需要react-native-cli的命令
所以需要下载npm install -g yarn react-native-cli
创建项目 react-native init RNtestApp
此时一个完整的RN项目已经创建成功

3. 文件解读
index.js相当于oc的main文件,App.js相当于oc的Appdelegate文件,
所以入手的第一个文件就是App.js文件
@1.导入组件 import,from
@2.常量定义 const instructions,type props
@3.组件定义 export default class extends
@4.样式定义 StyleSheet

网友评论