RN精进笔记（七）学习资料篇

[toc]

react-native学习资料

React-Native是facebook在2015年早些时候推出的一种颠覆式的移动开发方式，React Native 的语言是基于 JavaScript，这一点可以实现的热部署。小编通过一段时间的学习和调研，总结了一些RN的学习资料，在此分享给小伙伴们0.0，翻迎纠错QAQ，大神请绕道^_。少则得，多则惑：官网+阮一峰es6

1. react-native官网

   看官方文档才是学习的捷径！

   • facebook官网：https://facebook.github.io/react-native/
   • 英文不好？基于官网翻译的网站：http://reactnative.cn/

2. react-native搭建开发环境

   第一个链接是一哥们系统性的搭建react调试环境的文档，第二个讲得比较简单

   • 大神搭建环境的资料总结：http://kiwi.saylove.today/?p=124
   • 神2：http://www.csdn.net/article/2015-09-24/2825787-react-native
   • 进阶篇： http://www.infoq.com/cn/articles/react-native-solution-dev-environment

3. react-native语法学习篇

   无他，把这篇文档看个3、5遍，es6，javascript语言的下一代标准，目前前端开发用的最多的是es5,react官网上的例子都是es5。但是作为写面向对象的程序员，es5看得太累，react-native内置babel转换器,可以将你写的es6转为es5。rn用es6 吧,swift看起来跟它挺像的QAQ

   • http://es6.ruanyifeng.com/

4. react-native入门篇讲稿

   这几个例子非常不错，rn UI篇和布局篇。reactnative是react的子集，所以第二个链接主要讲了一下rn view的生命周期，

   • 几个重要的控件：http://www.html-js.com/search?q=react-native&page=2
   • 布局篇：http://www.tuicool.com/articles/VZrMviI
   • 导航控件： http://bbs.reactnative.cn/topic/20/%E6%96%B0%E6%89%8B%E7%90%86%E8%A7%A3navigator%E7%9A%84%E6%95%99%E7%A8%8B
   • 控件生命周期以及原理：http://www.ruanyifeng.com/blog/2015/03/react.html

5. react-native学习资料汇总篇

   github上一堆堆的学习资料，这两份资料还不错^_

   • lesson1: https://github.com/vczero/react-native-lesson
   • lesson2: https://github.com/ele828/react-native-guide

6. 个人学习RN的基本轨迹和方法

   学习了react-native一段时间，下面是个人学习的轨迹：

   • 搭建react-native开发环境
   • 照着官方文档创建init AwesomeProject第一个rn项目
   • 死磕官方文档+死磕阮一峰es6教程
   • flex布局+导航+参数传递
   • 集成RN

   ​