React Native简介、环境配置及demo（mac环境）

简介

环境安装

helloWorld

项目结构

android的gradle依赖
react本身的一些概念（如JSX，组件，state）

SectionList例子

学习地址： https://reactnative.cn

常见问题及错误。

----------------------------------------------------------------------------------------------

首先看下分别在android和ios上运行的一个普通列表页面效果，用的是SectionList：（高性能的分组(section)列表组件）

      

正文：

简介：

•ReactNative 使用 JavaScript和 React编写应用，利用相同的核心代码就可以创建 Web，iOS 和Android 平台的原生应用

•app分类的话：

•  webapp：移动端的web页面，纯浏览器应用。

•  native-app：Java或者oc、swift开发的app，用的本地的组件以及布局。

•  hybrid-app：介于以上两者之间。即有原生的组件，又封装了webview在里面  以便渲染web组件。

•        react-native：是属于native app，渲染完全是本地方式，不靠webview。写代码的方式又是web前端。

环境和开发工具的安装：

•As、xCode、jdk、git，VirtualBox以外

•1、ReactNative 是 JS、Android、IOS的混合体，除as外，需要一个写js的IDE   Visu