ReactNative 的入门学习

2018-08-15  本文已影响0人  彩虹下的笑颜

最近发现身边很多小伙伴,从原生开发的大神转为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项目已经创建成功

app.js为入口文件,sources为资源文件,components为创建的可编辑的文件

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

上一篇 下一篇

猜你喜欢

热点阅读