標籤:

有哪些 React Native 開發的作品推薦嗎?

開源的更好!


最近和珠峰合作開發了一個前後端都來源的rn-app,不是一個demo項目。是實際要用到的項目:

http://github.com/zhufengketang

------------

這是最早的回答:(可以考慮用珠峰課堂替代f8app)

學習rn,兩個重點app。uiexplorer,這個是facebook把rn的所有功能的demo項目。另一個是f8app,f8app是facebook為了推廣rn在f8大會上開源的一款app。f8app使用了redux,持久化,flow,graphql等等技術....包含註冊登錄列表詳情等等常用功能,還有日誌,第三方介面使用。代碼比較規範,架構合理。


Showcase – React Native 有很多

開源的https://rnplay.org/apps/picks

我個人也收藏了一些shaohua/sf-react-native-meetup · GitHub


感謝邀請。

國內知名的CNode社區,客戶端是React Native寫的,界面非常清爽,源碼也很整潔,堪稱RN教科書項目。

APP是一個朋友寫的,源碼在這裡:soliury/noder-react-native


從今年3月18日開始接觸react-native,便驚嘆於它的易於使用性和facebook前端團隊對組件抽象的能力。

為了向公司內部native技術組推廣RN, 我這10天做了一套RN的demo展示,集成了Webview,Animation,View,TabBar,ProgressBar等組件,並編寫了組件列表和詳細注釋。

這個項目比較適合入門,基本handle了RN提供的components及flexbox布局學習。

在github項目說明中也展示了相關效果圖。

=====4月1日更新====

增加調用native介面的API及動畫,增加網路請求

代碼地址:GitHub - slashhuang/react-native-demo: 使用react-native版本寫的APP組件demo,同時對源代碼添加註釋


  • 這裡有一系列的 React Native 的組件、文章和學習資料:jondot/awesome-react-native · GitHub

  • RubyChina 客戶端:henter/ReactNativeRubyChina · GitHub

  • V2EX 客戶端:samuel1112/v2er · GitHub

  • 計算器:yoxisem544/Calculator-using-React-Native · GitHub
  • 音樂播放器:Johnqing/miumiu · GitHub
  • 知乎專欄:LeezQ/react-native-zhihu-app · GitHub

強烈推薦 ele828/react-native-guide · GitHub 這裡會有很多 React Native 的資料,並且有在一直更新


一個基於 react-native + mobx + http://socket.io + node 的仿微信 JS-IM,送伺服器代碼~~~

安卓可以直接掃碼體驗:https://github.com/im-js/im.js


自薦下。ios應用:spyfari

我獨立開發的。感興趣搜索下applestore


這裡推薦一個我寫的react-native應用,地址是lipeiwei-szu/ReactNativeOne,兼容iOS、android雙平台,歡迎star/fork,如果想直接下載體驗,請到https://fir.im/reactnativeone,歡迎交流react/react-native/vue相關的知識


我自己坐著玩的,行不

http://www.weichuanghome.com

都是ios版本的


碼天租房 碼天房東 rn的牛B 作品


React 的主要思想是通過構建可復用組件來構建用戶界面。所謂組件其實就是 有限狀態機,通過狀態渲染對應的界面,且每個組件都有自己的生命周期,它規定了組件的狀態和方法需要在哪個階段進行改變和執行。

有限狀態機(FSM),表示有限個狀態以及在這些狀態之間的轉移和動作等行為的模型。一般通過狀態、事件、轉換和動作來描述有限狀態機,下面是描述組合鎖狀態機的模型圖,包括5個狀態、5個狀態自轉換、6個狀態間轉換和1個複位 RESET 轉換到狀態 S1。狀態機,能夠記住目前所處的狀態,根據當前的狀態可以做出相應的決策,並且在進入不同的狀態時,可以做不同的操作。通過狀態機將複雜的關係簡單化,利用這種自然而直觀的方式可以讓代碼更容易理解。看薦-黑板報


同步圈App http://tongbuquan.com 能全自動把微信朋友圈同步到微博的神器。


話本小說 的安卓和iOS版本

https://itunes.apple.com/cn/app/hua-ben-xiao-shuo/id1136360602

http://zhushou.360.cn/detail/index/soft_id/3300413?recrefer=SE_D_%E8%AF%9D%E6%9C%AC%E5%B0%8F%E8%AF%B4


https://alifgt.github.io/2016/07/21/ReactNative%E5%88%9D%E4%BD%93%E9%AA%8C%20/

一個簡單的demo,包括製作過程


facebook f8 conference


GitHub - zhongjie-chen/rn_rank: 乾貨分享app建立 乾貨分享


我強烈推薦你看下這個開源項目,地址是guangqiang-liu/OneM,一款純ReactNative打造的集雜誌瀏覽、音樂播放、視頻播放於一體的綜合性App,並且支持iOS和Android雙平台。歡迎star / fork,如果想學習更多RN實戰開發中的知識點,可以看看這個簡書,裡面有50多篇RN技術文章:光強_上海 - 簡書


自薦一下《React Native小書》Elvenisboy/RNBook (雖然不是一個App案例)


有沒有大神用react-native做過音樂類的APP.類似於QQ音樂這種的


mark,感謝各位分享


官網不是有很多嗎?那些感覺都做得很好啊~~


ele828/react-native-guide · GitHub 這裡面有很多

還有就是官方的幾個例子都很不錯


推薦閱讀:

React、Angular和Vue.js三者中哪一個更易學,更容易理解?
如何評價 React Native Android?
移動應用開發入門,是否可以考慮先學習 React Native?
碼農如何從零開始做出有設計感的app?

TAG:ReactNative |