react-native 入门资源合集
swnaka
9年前
来自: http://www.cnblogs.com/H-Col/p/5204340.html
# 了解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的文章,里面还有些干货)
- ...
欢迎留言~