前言
轉(zhuǎn)載幾個(gè)開源項(xiàng)目
1、Facebook’s F8 Conference App
React Native最佳學(xué)習(xí)模版- F8 App開源了,界面和體驗(yàn)是相當(dāng)?shù)耐昝?這個(gè)是Facebook官方開發(fā)的,所以放在第一位進(jìn)行推薦?，F(xiàn)在在github將近1.4W個(gè)star了。項(xiàng)目地址:https://github.com/fbsamples/f8app
2、Reading
來自餓了么RN大神開源的reading項(xiàng)目,已經(jīng)完成Android和iOS雙適配。絕對(duì)是一個(gè)產(chǎn)品級(jí)的開源項(xiàng)目，并且作者還在持續(xù)的更新。值得一薦！
項(xiàng)目地址:https://github.com/attentiveness/reading
3、Weather
該為國外一個(gè)天氣預(yù)報(bào)客戶端,界面效果簡約優(yōu)美，作者借鑒F8項(xiàng)目同時(shí)客戶端數(shù)據(jù)來自真實(shí)國外的天氣預(yù)報(bào)API。這天氣預(yù)報(bào)客戶端體驗(yàn)估計(jì)已經(jīng)給原生開發(fā)者造成10000點(diǎn)傷害了。項(xiàng)目地址:https://github.com/stage88/react-weather
4、Github Feed
該項(xiàng)目來自阿里開發(fā)人員,你的又一Github客戶端哦~項(xiàng)目github也超過了1000個(gè)star。主要功能:
- Feeds like web github home. (Github個(gè)人主頁)
- Search users or repos. (搜索用戶或者開源庫)
- Star, watch repos, follow guys. (start,watch庫,follow用戶)
- Explore trending repos daily, weekly, monthly. (查看瀏覽趨勢)
- Check who's famous in some filed all of the world. (檢查特殊的commit）
項(xiàng)目地址:https://github.com/xiekw2010/react-native-gitfeed
5、React-Native-NBA-App
這個(gè)項(xiàng)目主要進(jìn)行查看NBA相關(guān)數(shù)據(jù),界面做的非常Nice，項(xiàng)目整體架構(gòu)也非常不錯(cuò),關(guān)鍵還有圖表界面，同時(shí)適配Android和iOS雙平臺(tái)。也是大家不可多得學(xué)習(xí)的項(xiàng)目。推薦！
項(xiàng)目地址:https://github.com/wwayne/react-native-nba-app
6、HackerNews
采用純React Native開發(fā)的HackerNews客戶端,同時(shí)兼容Android、iOS雙平臺(tái)。用到很多常用的開源組件，而且非常適合初學(xué)者入門的項(xiàng)目。有借鑒意義。
項(xiàng)目地址:https://github.com/iSimar/HackerNews-React-Native
7、iShiWuPai
iShiWuPai是基于React Native和Redux實(shí)現(xiàn)的展示型美食類APP。不過當(dāng)前暫時(shí)只適配iOS版本,但是效果絕對(duì)贊了~
已完成功能點(diǎn):
逛吃界面，支持下拉刷新和上拖加載更多
資訊詳情界面
食物百科界面
食物列表頁面所有功能，包括子類別排序、營養(yǎng)素排序功能及動(dòng)畫，支持上拖加載更多
我的、食物對(duì)比基本界面
項(xiàng)目地址:https://github.com/ljunb/react-native-iShiWuPai
8、HiApp
采用React Native開發(fā)的一款基于類似微博以及聊天App,同時(shí)兼容Android、iOS雙平臺(tái),甚至還有Web端。整體功能有很多可以學(xué)習(xí)的地方。例如效果布局,多語言切換等等。
項(xiàng)目地址:https://github.com/BelinChung/react-native-hiapp
9、cnblogs
采用React Native開發(fā)的cnblog博客客戶端,當(dāng)時(shí)只適配Android版本。不過基本功能已經(jīng)做的挺完善的效果也還不錯(cuò)。已經(jīng)涵蓋博客,排行列表，詳情，評(píng)論，搜索等功能。
項(xiàng)目地址:https://github.com/togayther/react-native-cnblogs
10、Gank.io App
號(hào)稱App最多的網(wǎng)站干貨集中營(Gank.io)最后也推薦兩個(gè)。首先來一個(gè)的是效果和開發(fā)者頭條有點(diǎn)類似的哈~同時(shí)兼容雙平臺(tái)。不過也是very 因垂思挺。
項(xiàng)目地址:https://github.com/zhongjie-chen/rn_rank
在來一個(gè)Gank客戶端,這個(gè)客戶端其實(shí)也是大同小異,主要在界面UI實(shí)現(xiàn)風(fēng)格方面有點(diǎn)變化,特別提一點(diǎn)里面的妹紙圖縮放以及拖動(dòng)效果做的還不錯(cuò)的。
項(xiàng)目地址:https://github.com/iwgang/GankCamp-React-Native
11、callstack/react-native-testing-library stars:336 forks:9
項(xiàng)目描述：Simple React Native testing utilities helping you write better tests with less effort
12、 thomaswangio/react-native-gradient-buttons stars:79 forks:7
項(xiàng)目描述：A lightweight, customizable and haptic Gradient Button component library for React Native ????.
主頁地址：https://www.npmjs.com/package/react-native-gradient-buttons
13、react-native-community/react-native-hooks stars:61 forks:5
項(xiàng)目描述：React Native APIs turned into React Hooks for use in stateless React components
14、 thomaswangio/auth-screens stars:40 forks:5
項(xiàng)目描述：React Native Authentication Screens Template ??
15、catalinmiron/react-native-css-gradient stars:22 forks:5
項(xiàng)目描述：react-native-linear-gradient with css gradient support
主頁地址：https://snack.expo.io/@catalinmiron/react-native-css-gradient
16、 vobi-io/react-native-animated-flatlist stars:19 forks:0
項(xiàng)目描述：Animated Flatlist for React-Native
17、 CSFrequency/react-firebase-hooks stars:19 forks:0
項(xiàng)目描述：React Hooks for Firebase.
18、natuanorg/react-native-starter-kit stars:16 forks:3
項(xiàng)目描述：React Native Starter Kit with Firebase + MobX + Real World Auth Flow
19、 atulmy/react-native-curated stars:16 forks:0
項(xiàng)目描述：Hand picked collection of packages, tutorials and more for React Native.
20、LucHermkens/react-native-gplaces stars:15 forks:2
項(xiàng)目描述：React Native library for utilizing Google's Autocomplete for Places.
21、pinkbunny1/cryptoApp_react_native stars:12 forks:2
項(xiàng)目描述：Crypto App showing a list of popular cryptocurrencies using React Native
22、 rahsheen/react-wizard stars:12 forks:1
項(xiàng)目描述：A flexible wizard component for react and react-native
23、songxiaoliang/react-native-baidu-face stars:11 forks:5
項(xiàng)目描述：基于百度人臉識(shí)別封裝的react-native模塊，支持Android、iOS平臺(tái)設(shè)備
24、maicki/react-native-crash-reporter stars:10 forks:2
項(xiàng)目描述：Small library that hooks into the JavaScript error system and reports the unrolled stack trace to the native side
25、karina001/react-native-redux-crypto-tracker stars:10 forks:0
項(xiàng)目描述：crypto tracker using react native, redux, expo, and coin-market-cap public api
26、wmlutz/rnschedule stars:10 forks:2
項(xiàng)目描述：A react native component that provides a time-sensitive schedule view.
27、satanworker/spaceapps_react_native stars:9 forks:1
項(xiàng)目描述：he app idea is to efficiently and fast determine wildfires and notify nearby people. You can see all the wildfires aggregated from NASA satelites API aswell as add you own with pictures and geodata. Each picture is checking with neural net assigning confidence percentage. In case you are just uploading selfie
28、prscX/react-native-fluidic-slider stars:9 forks:0
項(xiàng)目描述：ReactNative: Native Fluidic Slider
29、areslabs/react-native-withcss stars:9 forks:0
ProminentEdge/mobile-boilerplate stars:9 forks:0
項(xiàng)目描述：React Native boilerplate (TypeScript, mobx-state-tree, React Navigation, enzyme) by Prominent Edge
主頁地址：https://prominentedge.com
轉(zhuǎn)自：
https://coderminer.com/blog/post/df64ff3ea58438d7e8d27d6cb46d22dd
http://www.cnblogs.com/qiangxia/p/5584622.html
