React Native優(yōu)秀博客,以及優(yōu)秀的Github庫列表(很多英文資料源自于[awesome-react-native](https://github.com/jondot/awesome-react-native))
關(guān)于開源庫類
- Star 100+ ??
- Star 200+ ????
- Star 500+ ??????
- Star 1000+ ????????
- Star 2000+ ??????????
關(guān)于博客和視頻類
- 值得讀讀 ??
- 建議閱讀 ????
- 強烈推薦 ??????
# 目錄
- [網(wǎng)址](#網(wǎng)址)
- [完整開源項目](#完整開源項目)
- [Libraries (Star 100+)](#libraries)
- [中文博客](#中文博客)
- [英文博客](#英文博客)
- [視頻資料](#視頻資料)
##完整開源項目
- [官方Demo App](https://github.com/facebook/react-native/tree/master/Examples)
- [f8app ](https://github.com/fbsamples/f8app) Facebook官方開發(fā)的,強烈推薦 ??????????
- [30-days-of-react-native](https://github.com/fangwei716/30-days-of-react-native) 寫了30個小項目吆豹,來學(xué)習(xí)React Native捻激,強烈推薦 ??????
- [HackerNews-React-Native](https://github.com/iSimar/HackerNews-React-Native) HackerNews的客戶端? ??????????
- [react-native-gitfeed](https://github.com/xiekw2010/react-native-gitfeed) 一個github客戶端 ????????
- [ZhiHuDaily-React-Native](https://github.com/race604/ZhiHuDaily-React-Native) 知乎日報的客戶端 ??????????
- [noder-react-native](https://github.com/soliury/noder-react-native) cnodejs.org的App ????????
- [react-native-dribbble-app](https://github.com/catalinmiron/react-native-dribbble-app) Dribbble app ????????
- [Reading](https://github.com/attentiveness/reading) 一個值得借鑒的學(xué)習(xí)工程 ??????
- [react-native-nba-app](https://github.com/wwayne/react-native-nba-app) 查看NBA比賽信息和數(shù)據(jù)的APP ????????
- [ReactNativeNews](https://github.com/tabalt/ReactNativeNews) 一個簡單的新聞客戶端 ????
- [react-native-demo](https://github.com/hugohua/react-native-demo) 模仿天貓首頁的Demo ????
- [ReactNativeRedditReader](https://github.com/akveo/react-native-reddit-reader) RedditReader ????
- [FinanceReactNative](https://github.com/7kfpun/FinanceReactNative) 金融股票類App ??????
- [react-native-nw-react-calculator](https://github.com/benoitvallon/react-native-nw-react-calculator) mobile,desktop攒砖,website通用的代碼寫的計算器 ??????????
- [snowflake](https://github.com/bartonhammond/snowflake) 用Redux, RN Router哨查,Parse寫的App究驴。 ??????????
- [lumpen-radio](https://github.com/jhabdas/lumpen-radio) WLPN 105.5 Chicago? ??
- [react-native-sudoku](https://github.com/nihgwu/react-native-sudoku) 數(shù)獨游戲 ????????
- [TaskRabbit's Sample App](https://github.com/taskrabbit/ReactNativeSampleApp) Task Rabbit的Demo App
- [PhotosReactNative](https://github.com/7kfpun/PhotosReactNative) 一個帶圖案鎖屏的開源看圖App
- [movieapp](https://github.com/JuneDomingo/movieapp) 查看電影和電視節(jié)目的App ????
##網(wǎng)址
- [源代碼](https://github.com/facebook/react-native)
- [官方文檔](https://facebook.github.io/react-native/docs/getting-started.html#content)
- [React Native中文網(wǎng)](http://reactnative.cn/)
- [StackOverFlow ReactNative相關(guān)問題](http://stackoverflow.com/questions/tagged/react-native)
- [React-China社區(qū)](http://react-china.org/)
- [Use React Native 資訊站](http://www.reactnative.com/)
- [Programming React Native](Programming React Native ) 一本入門教程的書
- [CSDN React Native知識庫](http://lib.csdn.net/base/reactnative)
- [Use React Native Blog](http://www.reactnative.com/)
- [Facebook Code Blog](https://code.facebook.com/)
##Libraries
### 綜合
- [awesome-react-native](https://github.com/jondot/awesome-react-native) 老外搜集的優(yōu)秀的React Native文章,庫(資料很全)??????????
- [react-native-guide](https://github.com/reactnativecn/react-native-guide#%E5%9B%BE%E4%B9%A6) 一國內(nèi)小哥搜集的React Native的參考資料 ??????????
- [React-native組件庫js.coach](https://js.coach/) ??????????
- [React Native Package Manager](https://github.com/rnpm/rnpm) ??????????
- [react-native-desktop](https://github.com/ptmt/react-native-desktop) 為MacOS開發(fā)提供的React Native開發(fā)包 ??????????
- [tcomb-form-native](https://github.com/gcanti/tcomb-form-native) 生成React native froms ????????
- [React Native training](https://www.gitbook.com/book/unbug/react-native-training/details) Github Book阻肩,入門級資料 ????
- [pepperoni-app-kit](https://github.com/futurice/pepperoni-app-kit) React Native App 開發(fā)的一組通用組件 ????????
### UI
- [React-Native-Elements](https://github.com/react-native-community/React-Native-Elements) 一組開發(fā)RN的UI工具包(強烈推薦) ??????????
- [apsl-react-native-button](https://github.com/APSL/react-native-button)? 定義了一個Button支持用Style來配置 ????
- [react-native-action-button](https://github.com/APSL/react-native-button) 支持多種點擊事件的Button控件 ????
- [react-native-button](https://github.com/ide/react-native-button) 另一個Button組件 ????
- [ex-navigator](https://github.com/exponentjs/ex-navigator) 封裝Navigator,以Route為中心的Navigator ????
- [gl-react-native](https://github.com/ProjectSeptemberInc/gl-react-native) React Native中使用OPENGL來實現(xiàn)復(fù)雜的圖片和components渲染 ??????
- [react-native-activity-view](https://github.com/naoufal/react-native-activity-view) iOS上的分享和action sheets組件 ????
- [react-native-app-intro](https://github.com/FuYaoDe/react-native-app-intro) 引導(dǎo)頁 ????
- [react-native-blur](https://github.com/react-native-fellowship/react-native-blur)? 添加模糊或者毛玻璃效果 ??????
- [react-native-calendar](https://github.com/christopherdro/react-native-calendar) 日歷 ??
- [react-native-chart](https://github.com/tomauty/react-native-chart) 繪圖(折線圖带欢,柱狀圖运授,扇形圖) ??????
- [react-native-circular-progress](https://github.com/bgryszko/react-native-circular-progress) 圓形的顯示進度的視圖 ??
- [react-native-collapsible](https://github.com/oblador/react-native-collapsible) 可折疊的component ??
- [React Native Drawer](https://github.com/root-two/react-native-drawer) 抽屜效果,可 用來實現(xiàn)側(cè)拉菜單 ??????
- [react-native-dropdown](https://github.com/alinz/react-native-dropdown)下拉菜單 ??
- [ReactNativeEffectsView](https://github.com/voronianski/react-native-effects-view) 封裝了iOS 8上的UIVisualEffectViews乔煞,在React Native中實現(xiàn)毛玻璃效果 ??
- [react-native-gesture-password](https://github.com/spikef/react-native-gesture-password) 手勢解鎖吁朦,支持iOS和Android ??
- [react-native-gifted-form](https://github.com/FaridSafi/react-native-gifted-form) 在React Native中方便的使用表格 ????
- [react-native-gifted-listview](https://github.com/FaridSafi/react-native-gifted-listview) 下拉刷新和上拉加載的ListView ????
- [react-native-gifted-messenger](https://github.com/FaridSafi/react-native-gifted-messenger) 方便的實現(xiàn)聊天UI ????????
- [react-native-grid-view](https://github.com/lucholaf/react-native-grid-view) 網(wǎng)格視圖,類似iOS中的UICollectionView ??
- [react-native-image-picker](https://github.com/marcshilling/react-native-image-picker) 用Native UI來選擇圖片或者拍照 ??????
- [react-native-keyboard-spacer](https://github.com/Andr3wHur5t/react-native-keyboard-spacer) 適用于iOS的根據(jù)鍵盤自動調(diào)整輸入框 ????
- [react-native-keyboardevents](https://github.com/johanneslumpe/react-native-keyboardevents) 監(jiān)聽鍵盤顯示/隱藏 ??
- [react-native-lightbox](https://github.com/oblador/react-native-lightbox) 圖片全屏預(yù)覽 ??????
- [react-native-looped-carousel](https://github.com/appintheair/react-native-looped-carousel) 視圖輪播 ????
- [react-native-mapbox-gl](https://github.com/mapbox/react-native-mapbox-gl) 地圖 ????
- [react-native-maps](https://github.com/lelandrichardson/react-native-maps) 地圖 ????????
- [react-native-material-design](https://github.com/react-native-material-design/react-native-material-design)? material design ??????
- [react-native-material-kit](https://github.com/xinthink/react-native-material-kit) 一組UI Components渡贾,為了介紹? [Material Design](http://www.google.com/design/spec/material-design/introduction.html) ????????
- [react-native-modalbox](https://github.com/maxs15/react-native-modalbox) 用于模態(tài)顯示的Component ????
- [react-native-orientation](https://github.com/yamill/react-native-orientation) 監(jiān)聽設(shè)備旋轉(zhuǎn) ??
- [react-native-parallax](https://github.com/oblador/react-native-parallax) parallax效果 ??
- [react-native-picker](https://github.com/beefe/react-native-picker) 選擇器逗宜,可用于實現(xiàn)時間選擇,區(qū)域選擇 ??
- [react-native-popover](https://github.com/jeanregisser/react-native-popover) 彈出氣泡框的Component ??
- [react-native-progress-hud](https://github.com/naoufal/react-native-progress-hud) ProgressHUD ??
- [react-native-refresher](https://github.com/syrusakbary/react-native-refresher) 支持下拉刷新的listview ????
- [react-native-router](https://github.com/t4t5/react-native-router)類似Navigator的導(dǎo)航控制器 ????????
- [react-native-scrollable-tab-view](https://github.com/skv-headless/react-native-scrollable-tab-view) 支持左右滾動的來切換tab的tableview ????????
- [react-native-controllers](https://github.com/wix/react-native-controllers) 封裝了 原生的iOS 導(dǎo)航欄空骚,tabbar纺讲,抽屜效果等。 ????
- [react-native-search-bar](https://github.com/umhan35/react-native-search-bar) 封裝iOS原生UISearchBar ????
- [react-native-spinkit](https://github.com/maxs15/react-native-spinkit) 一組Activity指示器 ????
- [react-native-splashscreen](https://github.com/remobile/react-native-splashscreen) App載入視圖囤屹,啟動后自動隱藏 ??
- [react-native-svgkit](https://github.com/brentvatne/react-native-svgkit) 顯示SVG格式圖片 ????
- [react-native-swipeout](https://github.com/dancormier/react-native-swipeout) 類似TableViewCell的左滑刪除熬甚,支持Component滑動 ??????
- [react-native-swiper](https://github.com/leecade/react-native-swiper) 視圖輪播,上下/左右滑動組件,類似UICollectionView? ????????
- [react-native-tableview](https://github.com/jondot/awesome-react-native) 封裝iOS原生UITableview
- [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) 3000+支持自定義的圖標? ????????
- [react-native-sglistview](https://github.com/sghiassy/react-native-sglistview) 為了解決React Native中ListView的內(nèi)存問題 ??
- [react-native-invertible-scroll-view](https://github.com/exponentjs/react-native-invertible-scroll-view) 逆向的ScrollView肋坚,從底部開始布局乡括,適用于聊天等向上滑動來加載更多的情況 ??
- [react-native-viewpager](https://github.com/race604/react-native-viewpager) 視圖輪播,支持循環(huán)滾動冲簿,自定義視圖粟判。已做性能優(yōu)化 ??????
- [react-native-tab-navigator](https://github.com/exponentjs/react-native-tab-navigator) TabBar切換視圖 ????
- [react-native-loading-spinner-overlay](https://github.com/niftylettuce/react-native-loading-spinner-overlay) 加載中的提示spinner ??,支持iOS/Android
- [react-native-color-picker](https://github.com/instea/react-native-color-picker) iOS/Android通用的顏色選擇器
- [react-native-pathjs-charts](https://github.com/capitalone/react-native-pathjs-charts) - 基于react-native-svg 和 paths-js寫的iOS,Android通用的繪圖庫 ??
### 文本相關(guān)
- [react-native-markdown](https://github.com/lwansbrough/react-native-markdown) 支持markdown的component ??
### 工具
- [react-native-mock](https://github.com/RealOrangeOne/react-native-mock) 一個為ReactNative提供的測試框架 ????
- [react-native-google-analytics](https://github.com/lwansbrough/react-native-google-analytics)? google統(tǒng)計分析 ??
- [react-native-fabric](https://github.com/corymsmith/react-native-fabric) 統(tǒng)計分析峦剔,崩潰分析等 ????
- [react-native-macos](https://github.com/ptmt/react-native-macos) 為mac OS服務(wù)的React Native
- [react-native-wechat](https://github.com/weflex/react-native-wechat) 調(diào)用微信相關(guān)档礁,比如分享,登錄吝沫,支付 ????
- [reactotron](https://github.com/skellock/reactotron) 在終端檢測React Dom和Reactive App ??????
- [react-native-windows](https://github.com/ReactWindows/react-native-windows) Windows平臺的RN工具 ??????
- [react-native-webpack-server](https://github.com/mjohnston/react-native-webpack-server) 用Webpack來編譯React Native App
- [aws-sdk-react-native](https://github.com/awslabs/aws-sdk-react-native) AWS的官方SDK ????
### 系統(tǒng)相關(guān)
- [react-native-device-info](https://github.com/rebeccahughes/react-native-device-info) 獲取設(shè)備信息 ????
- [react-native-barcodescanner](https://github.com/ideacreation/react-native-barcodescanner) 掃碼 ??
- [react-native-contacts](https://github.com/rt2zz/react-native-contacts) 訪問通訊錄 ??
- [react-native-fs](https://github.com/johanneslumpe/react-native-fs) 訪問本地文件系統(tǒng) ????
- [react-native-push-notification](https://github.com/zo0r/react-native-push-notification) 本地和遠程通知 ????
- [react-native-touch-id](https://github.com/naoufal/react-native-touch-id) 調(diào)用TouchID認證 ??
- [react-native-fcm](https://github.com/evollu/react-native-fcm) - firebase cloud messaging 和 local notification ????
### Web相關(guān)
- [react-native-safari-view](https://github.com/naoufal/react-native-safari-view) 封裝iOS中的 [Safari View Controller](https://developer.apple.com/videos/wwdc/2015/?id=504)? ??
- [react-native-webview-android](https://github.com/lucasferreira/react-native-webview-android) 封裝了Android中的Webview ??
- [react-native-webrtc](https://github.com/oney/react-native-webrtc) A WebRTC module for React Native. ????
##動畫
- [react-native-animatable](https://github.com/oblador/react-native-animatable) 封裝了很多動畫呻澜,強烈推薦 ????????
### 數(shù)據(jù)存儲
- [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) iOS/Android上的Sqlite3封裝 ????
- [react-native-store](https://github.com/thewei/react-native-store) 封裝了react-native AsyncStorage ????
- [realm-js](https://github.com/realm/realm-js) 用JS來調(diào)用Realm ????????
- [react-native-fetch-blob](https://github.com/wkh237/react-native-fetch-blob) 更容易的訪問文件和交換數(shù)據(jù)(本地,網(wǎng)絡(luò)) ??????
### 多媒體
-? [react-native-camera ](https://github.com/lwansbrough/react-native-camera) 相機組件 ????????
-? [react-native-video](https://github.com/brentvatne/react-native-video) 視頻組建 ????????
-? [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker) 圖片選擇器惨险,支持對圖片進行切割 ??
###其他
- [react-native-css](https://github.com/sabeurthabti/react-native-css) 用CSS的方式對Component進行Style ????
- [react-native-extended-stylesheet](https://github.com/vitalets/react-native-extended-stylesheet) 對stylesheet進行擴展 ????
##中文博客
###宏觀介紹
- [跨平臺開發(fā)時代的 (再次) 到來羹幸?( Xamarin,NativeScript 和 React Native 對比)](http://onevcat.com/2015/03/cross-platform/- ) ????
- [React Native概述:背景辫愉、規(guī)劃和風險](http://div.io/topic/938) ????
- [使用React Native一年后的感受](http://www.dobest.me/blog/2016/06/12/%E4%BD%BF%E7%94%A8React%20Native%E4%B8%80%E5%B9%B4%E5%90%8E%E7%9A%84%E6%84%9F%E5%8F%97/)? ????
- [React Native通信機制詳解](http://blog.cnbang.net/tech/2698/) ??????
- [[深入ReactNative]第一篇 通訊及消息循環(huán)代碼剖析](http://www.reibang.com/p/269b21958030) ??????
- [旅行喵 React Native 技術(shù)實踐](http://www.reibang.com/p/bf3e222c102a)? ??????
###技術(shù)細節(jié)
- [react組件間通信](http://www.alloyteam.com/2015/07/react-zu-jian-jian-tong-xin/) ????
- [React Native 之 JSBridge](http://www.alloyteam.com/2015/05/react-native-zhi-jsbridge/)? ????
- [ReactNative iOS源碼解析(一)](http://awhisper.github.io/2016/06/24/ReactNative%E6%B5%81%E7%A8%8B%E6%BA%90%E7%A0%81%E5%88%86%E6%9E%90/ )??????
- [ReactNative iOS源碼解析(二)](http://awhisper.github.io/2016/07/02/ReactNative%E6%BA%90%E7%A0%81%E5%88%86%E6%9E%902/) ??????
###我的博客
- [IDE(Atom+Nuclide)搭建和簡單使用](http://blog.csdn.net/hello_hwc/article/details/51612139) ??????
- [FlexBox入門圖解](http://blog.csdn.net/hello_hwc/article/details/51480458) ????
- [React Native開發(fā)之動畫(Animations)](http://blog.csdn.net/hello_hwc/article/details/51775696)????
##英文博客
###宏觀介紹
- [React Native: Bringing modern web techniques to mobile](https://code.facebook.com/posts/1014532261909640/react-native-bringing-modern-web-techniques-to-mobile/) ????
- [React Native and WebRTC](https://webrtchacks.com/reacting-to-react-native-for-native-webrtc-apps-alexey-aylarov/) ??
- [Writing Android Components](https://medium.com/@sejoker/writing-android-component-for-react-native-e34802bf3377) ??
- [Android Performance](https://facebook.github.io/react-native/docs/android-ui-performance.html) ????
- [A Dynamic Crazy Native Mobile Future Powered by Javascript](https://medium.com/@clayallsopp/a-dynamic-crazy-native-mobile-future-powered-by-javascript-70f2d56b1987) ??
### JS相關(guān)
- [es6features](https://github.com/lukehoban/es6features#readme) 詳細介紹了ES6的新特性栅受,RN是支持ES6的,所以強烈建議閱讀 ??????
###技術(shù)細節(jié)
- [Routing and Navigation in React Native](http://blog.paracode.com/2016/01/05/routing-and-navigation-in-react-native/) ????
- [Unit Testing React Native with Mocha and Enzyme](https://blog.formidable.com/unit-testing-react-native-with-mocha-and-enzyme-51518f13ba73) ??????
- [Routing and Navigation in React Native](http://blog.paracode.com/2016/01/05/routing-and-navigation-in-react-native/) ????
- [Unit Testing React Native with Mocha and Enzyme](https://blog.formidable.com/unit-testing-react-native-with-mocha-and-enzyme-51518f13ba73) ??????
- [test-driving-react-native-applications](http://www.multunus.com/blog/2016/07/test-driving-react-native-applications/) ??????
- [react-native-tutorial-part-1-hello-react](https://kylewbanks.com/blog/react-native-tutorial-part-1-hello-react) ????
- [Creating "Droppable" Components with Animated and PanResponder](http://www.yoniweisbrod.com/droppable-items-with-react-native-animated/) ??????
- [Basics of using react-native-router-flux](https://medium.com/@spencer_carli/react-native-basics-using-react-native-router-flux-f11e5128aff9#.di5mvrbdr)
- [How to Use the ListView Component](https://medium.com/@spencer_carli/react-native-basics-how-to-use-the-listview-component-a0ec44cf1fe8#.ur0hyi3h9)????
##視頻資料
Tips:部分視頻資料來自Youtubu恭朗,可以用[Lantern](https://github.com/getlantern/lantern)翻墻
- [React.js Conf 2016](https://facebook.github.io/react-native/docs/videos.html) ??????
- React Conf 2015: [Introducing React Native](https://youtu.be/KVZ-P-ZI6W4) ??????
- React Conf 2015: [A Deep Dive into React Native](https://youtu.be/7rDsRXj9-cU) ??????
- F8 2015: [React Native and Relay](https://www.youtube.com/watch?v=X6YbAKiLCLU) ????
- [Let's build a React Native app in 20 minutes](https://www.youtube.com/watch?v=9ArhJiMGVDc) ??
- Pluralsight.com: [Build iOS Apps with React Native](http://www.pluralsight.com/courses/build-ios-apps-react-native) ??