转载

react-native 入门资源合集

# 了解react-native

 React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. 

套用官方的一句话: React Native 让你具备使用JavaScript和React一致的开发经验来构建拥有原生应用体验的世界级应用。

如果你也和我一样没弄清楚原生应用和非原生应用的区别的话,请参考 _戳我_

学习之前请参考 _ 一篇比较友好的react-native学习指南 _

# 开发环境配置

网上有很多优秀的入门文章,在这我就不多做阐述了,把我觉得好的资源贡献给大家.

  • 官方的start文章
  • React Native for Android入门老虎 (一些优雅的爬坑姿势 =.=)
  • 一篇简单明了的demo文章
  • Google大法好

# 熟悉react-native

好,我默认你已经配置好react-native(RN)的开发环境并且已经init一个工程且顺利运行至welcome页面了,或者你已经跟着上面给出的 demo文章 进行过练习了。

那么接下来,我们就要开始搭建自己的react app了 :)

停停停!!你说什么,你现在什么鬼都还不知道?你不是都运行起Hello World(Dictionary)了么?还是不了解啊,好好好,再喂你点次的:

  • React Doc -在学习React Native之前最好先学习一下React,着重了解下 组件的生命周期
  • Getting started with React
  • 关于布局(StyleSheet)   && Flex布局教程_阮一峰

天啦噜,这么多,看完蛋都碎了,如果你是天才那估计现在已经可以上手敲Demo了,如果还不是的话也别死磕概念了,咱们一边动手一边学吧:

  • RN版的知乎日报 @ race604
  • react-native官方的example
  • 一个用react-native做的组件库  
  • Google大法好

一个多星期的学习下来,发现React很好很强大啊,有想独立完成一个产品的心的同学熟悉了React以后应该能大大的提高生产效率,互联网上辣么多资料大多数没有精读官方文档来得实在,希望这份小小的合集能帮助到看官快速的学习React的知识 :)。

最后附上一些相关的refs:

  • react-native-lession
  • React Native Animated动画详解 (大腾讯全端队伍AlloyTeam的文章,里面还有些干货)
  • ...

欢迎留言~

原文  http://www.cnblogs.com/H-Col/p/5204340.html
正文到此结束
Loading...