react-native 入门资源合集

Posted 2020-06-14

# 了解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的文章，里面还有些干货)
• ...

　 欢迎留言~