ReactNative博客资源web前端

React-Native开源项目

2018-12-28  本文已影响163人  学生黄哲
前言

转载几个开源项目

1、Facebook’s F8 Conference App

React Native最佳学习模版- F8 App开源了,界面和体验是相当的完美,这个是Facebook官方开发的,所以放在第一位进行推荐。现在在github将近6000个star了。项目地址:https://github.com/fbsamples/f8app

image
2、Reading

来自饿了么RN大神开源的reading项目,已经完成Android和iOS双适配。绝对是一个产品级的开源项目,并且作者还在持续的更新。值得一荐!

项目地址:https://github.com/attentiveness/reading

image
3、Weather

该为国外一个天气预报客户端,界面效果简约优美,作者借鉴F8项目同时客户端数据来自真实国外的天气预报API。这天气预报客户端体验估计已经给原生开发者造成10000点伤害了。项目地址:https://github.com/stage88/react-weather

image
4、Github Feed

该项目来自阿里开发人员,你的又一Github客户端哦~项目github也超过了1000个star。主要功能:

项目地址:https://github.com/xiekw2010/react-native-gitfeed

image
5、React-Native-NBA-App

这个项目主要进行查看NBA相关数据,界面做的非常Nice,项目整体架构也非常不错,关键还有图表界面,同时适配Android和iOS双平台。也是大家不可多得学习的项目。推荐!

项目地址:https://github.com/wwayne/react-native-nba-app

image

image
6、HackerNews

采用纯React Native开发的HackerNews客户端,同时兼容Android、iOS双平台。用到很多常用的开源组件,而且非常适合初学者入门的项目。有借鉴意义。

项目地址:https://github.com/iSimar/HackerNews-React-Native

image
7、iShiWuPai
  iShiWuPai是基于React Native和Redux实现的展示型美食类APP。不过当前暂时只适配iOS版本,但是效果绝对赞了~

已完成功能点:

项目地址:https://github.com/ljunb/react-native-iShiWuPai

image image
8、HiApp
  采用React Native开发的一款基于类似微博以及聊天App,同时兼容Android、iOS双平台,甚至还有Web端。整体功能有很多可以学习的地方。例如效果布局,多语言切换等等。

项目地址:https://github.com/BelinChung/react-native-hiapp

image
9、cnblogs
  采用React Native开发的cnblog博客客户端,当时只适配Android版本。不过基本功能已经做的挺完善的效果也还不错。已经涵盖博客,排行列表,详情,评论,搜索等功能。

项目地址:https://github.com/togayther/react-native-cnblogs

image image
10、Gank.io App
  号称App最多的网站干货集中营(Gank.io)最后也推荐两个。首先来一个的是效果和开发者头条有点类似的哈~同时兼容双平台。不过也是very 因垂思挺。

项目地址:https://github.com/zhongjie-chen/rn_rank

image image

在来一个Gank客户端,这个客户端其实也是大同小异,主要在界面UI实现风格方面有点变化,特别提一点里面的妹纸图缩放以及拖动效果做的还不错的。

项目地址:https://github.com/iwgang/GankCamp-React-Native

image
11、callstack/react-native-testing-library stars:336 forks:9

项目描述:Simple React Native testing utilities helping you write better tests with less effort

12、 thomaswangio/react-native-gradient-buttons stars:79 forks:7

项目描述: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

项目描述:React Native APIs turned into React Hooks for use in stateless React components

14、 thomaswangio/auth-screens stars:40 forks:5

项目描述:React Native Authentication Screens Template 📲

15、catalinmiron/react-native-css-gradient stars:22 forks:5

项目描述: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

项目描述:Animated Flatlist for React-Native

17、 CSFrequency/react-firebase-hooks stars:19 forks:0

项目描述:React Hooks for Firebase.

18、natuanorg/react-native-starter-kit stars:16 forks:3

项目描述:React Native Starter Kit with Firebase + MobX + Real World Auth Flow

19、 atulmy/react-native-curated stars:16 forks:0

项目描述:Hand picked collection of packages, tutorials and more for React Native.

20、LucHermkens/react-native-gplaces stars:15 forks:2

项目描述:React Native library for utilizing Google's Autocomplete for Places.

21、pinkbunny1/cryptoApp_react_native stars:12 forks:2

项目描述:Crypto App showing a list of popular cryptocurrencies using React Native

22、 rahsheen/react-wizard stars:12 forks:1

项目描述:A flexible wizard component for react and react-native

23、songxiaoliang/react-native-baidu-face stars:11 forks:5

项目描述:基于百度人脸识别封装的react-native模块,支持Android、iOS平台设备

24、maicki/react-native-crash-reporter stars:10 forks:2

项目描述: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

项目描述:crypto tracker using react native, redux, expo, and coin-market-cap public api

26、wmlutz/rnschedule stars:10 forks:2

项目描述:A react native component that provides a time-sensitive schedule view.

27、satanworker/spaceapps_react_native stars:9 forks:1

项目描述: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

项目描述:ReactNative: Native Fluidic Slider

29、areslabs/react-native-withcss stars:9 forks:0

ProminentEdge/mobile-boilerplate stars:9 forks:0

项目描述:React Native boilerplate (TypeScript, mobx-state-tree, React Navigation, enzyme) by Prominent Edge
主页地址:https://prominentedge.com

转自:
https://coderminer.com/blog/post/df64ff3ea58438d7e8d27d6cb46d22dd
http://www.cnblogs.com/qiangxia/p/5584622.html

上一篇下一篇

猜你喜欢

热点阅读