3. React Native

React Native

参考

• 一些成功案例
• FaceBook 官方Sample - F8 APP
• React Native中文网 提供的各类学习资源
• 国外的 Awesome React Native

开发环境

• 搭建开发环境

Tools

• Yarn Facebook提供的替代npm的工具，可以加速node模块的下载
• react-native-cli 命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务

Android

• Android Studio:>=2.0
• JDK 1.8
• ANDROID_HOME Android SDK

CMD

• react-native init ProjectName 初始化一个工程、下载React Native的所有源代码和依赖包，最后在ProjectName /iOS/SampleAppMovies.xcodeproj和ProjectName /android/app下分别创建一个新的XCode工程(iOS)和一个gradle工程(Android)
• cd ProjectName
• adb devices -l
• react-native run-android 构建工程 并自动安装到你的模拟器或者设备，同时启动用于实现动态代码加载的Node服务

概念

• 其基础组件是原生组件而非web组件
• React JSX语法、组件、state状态以及props属性
• React Native 原生组件的使用

语法

• ES6 import、from、class、extends、以及() =>箭头函数
  • es6 入门
  • es5 es6区别
• JSX 一种在JavaScript中嵌入XML结构的语法
• 组件（Component）
• Flexbox
  • Flex入门
  • Flex 案例