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的文章，里面還有些干貨)
• ...

歡迎留言~