react-native 环境的安装

安装nodejs的环境
nodejs 和npm 安装所在的目录是: /usr/local/bin 下面;
nodejs 和npm的安装可以查看相应的官网;
nodejs官网
npm官网
也可以查看相应的网上教程,

下面是按住那个react-native的环境
brew install watchman
brew install flow
sudo npm install -g react-native-cli
react-native 官网
github上的地址
react-native 问题网址

brew 安装默认是管理员的权限,而npm安装全局需要获取管理员的权限.

创建一个基本的工程:
在要创建的项目的目录的终端执行下面的命令:
react-native init Hello(项目名称)


以前执行过,在执行这个名字出现下图显示

react 是一种思想,可以先了解react,一般react = reactjs+ react-native (可以这么说)

react native 有下面3个特点:
1、作为UI(Just the UI ): 只是作为mvc中的View进行使用;
2、虚拟DOM(Virtual DOM): 优化了视图的渲染和刷新(组件的形式).
3、数据流(Data Flow) : react 实现了单向的数据流,并且相对于传统的数据绑定而言,react更加灵活;

基础知识:
JSX语法知识:JSX 语法类似于xml,其实也是js的基础上增加了更加多的配置类型的语法糖;
ES6相关知识:因为ES6 增加了很多语法特性和新功能,可以使用ES6更加快速的进行功能开发;
前端基础知识:需要具备前端的知识,其中css以及JavaScript比较重要;


react-native 环境的安装_第1张图片
index.ios.js 文件的代码

上面就是启动的时候就会引入了react-native 组件,
还有5个对象,其实是3各种组件(Text,View,Image)以及2个API(APPRegistry 和StyleSheet)

Note:组件的颗粒度需要根据业务分工和开发的难度划分,否则,后期的维护成本会相对较高;
react-native开发中使用最为基础的知识:处理页面布局flex box 、处理页面结构的JSX 、以及react Native的开发向导;

你可能感兴趣的:(react-native 环境的安装)