React Native 学习资料整理

React Native 资料整理

环境安装

• 搭建开发环境
  React 中文教程网(环境搭建)
  React Native开发IDE安装及配置 ，CSDN 
• 创建React项目
  深入浅出 React Native： 项目实例解析
  新手 React Native 简单教程 
• React 优缺点
  ionic react-native和native开发移动app到底那个好
  React Native痛点解析之性能调优 
• 编辑器：Atom，WebStom, VS Code...
  

相关学习资料 开源Demo

• 教程
  极客学院 React
  React 中文教程网
  React Native 中文网
  入门教程
  JS，html，css 教程
  ES6 入门 
• 资料整理
  各类学习资源，给大家提供便利
  Github学习资源，demo
  JavaScript 代码规范
  FECS Plugins ，编辑器规范工具 
• React 调试
  应用设备运行(Running)以及调试(Debugging) atom
  通过React Native动态更新iOS应用 

React Native 基本框架，工作原理

• 生命周期 机制
  理解 React 生命周期方法
  生命周期详解
  入门到原理 
• React 与原生混编
  React Native 原生，JS混合开发
  React-Native中通过JS调用原生模块
  React-native 调用原生组件 

React Native Flex 布局

• UI布局
  【ReactNative】react-native 布局！！！！！
  React Native UI布局总结
  Flex 布局教程：语法篇
  react-native 之布局篇 
• style 样式（在上面UI布局中也有说明）
  ReactNative中的Position研究
  React-Native 样式的使用 

React Native 常用组件使用

• 组件使用总结
  常用组件使用
  常用组件使用_MW 
• Text 静态文本
  Text组件讲解，多文本拼接 
• Animated 动画
  React Native开发之动画(Animations)
  React Native 浅入门 —— 变形、动画篇
  动画初探之加载动画 
• PanResponder 手势
  PanResponder讲解与应用 
• Swiper 轮播
  React Native 的最佳轮播类组件
  轮播图第三方组件-react-native-swiper 
• ListView 列表
  详解之ListView 
• NavigationIOS 导航IOS
  导航IOS 
• 绘图
  react－native－art 绘图入门
  平滑绘线 
• Fetch 网络请求
  React Native系列——Fetch使用介绍 

React Native 常用命令行

• react-native --version //查看当前reactNative版本
  sudo npm update -g react-native-cli //更新全局的reactNative到最新版本
  npm info react-native //查看服务器端的reactNative的各版本信息
  npm install //给下载的普通工程下载安装RN环境,根据配置的package.json
  react-native upgrade //根据package.json配置的RN版本,更新RN环境代码
  react-native run-ios //运行IOS工程
  react-native init 工程名 //初始化一个工程、下载React Native的所有源代码和依赖包
  npm install --save [email protected] //项目降级或升级到指定版本,记得react-native upgrade更新一下项目依赖等
  npm install react-native-storage --save // 安装某个lib到项目中