关闭

一个上架了的React Native项目实战总结

标签: 项目总结上架AndroidiOS开源
2207人阅读 评论(2) 收藏 举报
分类:

查看此项目的:视频开发教程

喜欢逛GitHub的小伙伴都知道,它有个查看最热项目的功能叫trending,但这个功能只能在网页上查看,
而且在手机上浏览显示效果很不友好,而我想在地铁上,餐厅,路上等空余的时间使用它,所以我需要一款带有这个功能的App,
不仅于此,我还想要在这款App上查询GitHub上我所喜欢的项目,甚至在手机没网的时候也能看到,而且我想要我的iOS和Android手机都能使用这款App,
于是GitHub Popular便诞生了。

这个项目满足了我如下3方面的需求:

  1. 在手机App上也可以使用GitHub 的trending功能来查看最热最火的开源项目。
  2. 在手机App上也可以搜索GitHub上的开源项目,并且可以进行查看、收藏、分享等操作。
  3. 可以订阅我所喜欢的标签或语言,让感兴趣的热门项目一个不漏。

githubpupular

开发环境及工具

环境:

  • OSX:10.11.6
  • Node.js:6.3.1
  • react-native:0.32.0

工具:

  • Git
  • WebStorm
  • AndroidStudio
  • Xcode

所用技术与第三方库

所用技术

  • ES5/ES6
  • React
  • Flexbox
  • AsyncStorage
  • fetch api
  • Native Modules

第三方工具

  • react-native-check-box
  • react-native-easy-toast
  • react-native-splash-screen
  • react-native-htmlview
  • react-native-parallax-scroll-view
  • react-native-scrollable-tab-view
  • react-native-sortable-listview
  • react-native-tab-navigator

功能流程图

GitHub Popular-功能结构图

总结

此项目是基于目前比较火的React Native技术架构的,也用到一些Android和iOS技术,其中Android、iOS两端代码复用率有90%之多,该项目占据我不少业余时间,不过总算研发完成,并成功上架。在此过程中填了不少的坑,包括GitHub没有开放trending的Api,需要自己动手实现它,以及自定义主题等等,后期有时间会整理出来分享给大家。

GitHub Popular的Android版本已上架,大家可以从百度手机助手应用宝上下载使用,iOS版就差一个99刀的账号就可以上架了,囊中羞涩呜呜~~~~。项目开源在GitHub上供热爱移动开发的小伙伴学习研究,喜欢的小伙伴不要忘记点个赞支持一下哦。

推荐学习:视频教程《React Native开发跨平台GitHub App》

最后

既然来了,留下个喜欢再走吧,鼓励我继续创作(^_^)∠※

如果喜欢我的文章,那就关注我的博客@ devio.org吧,让我们一起做朋友~~

戳这里,加关注哦:

微博:第一时间获取推送
个人博客:干货文章都在这里哦
GitHub:我的开源项目

9
0
查看评论

优购微零售-已上线项目中,完全使用react-native的一些体会

react-native初体验
  • fenglvming
  • fenglvming
  • 2016-06-09 19:41
  • 3181

React Native商城项目实战11 - 个人中心头部内容

1.创建MineHeaderView.js/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'reac...
  • github_26672553
  • github_26672553
  • 2016-08-24 09:32
  • 2056

iOS支付(包括支付宝、微信、银联)封装

前言 最近在学习构架,感觉到构架的魅力,自己用构架思想封装了一个支付集合,欢迎使用! 开发环境 1、xcode 8以上 2、iOS 7.0以上 支付SDK的集成 1、支付宝 参照博客 支付宝支付集成 ,里面很详细这里就不多说了。 2、微信支付 参照博客 微信支付集成&#...
  • tiantianios
  • tiantianios
  • 2017-11-04 09:56
  • 758

React Native电商项目实战

  • 2017-11-27 15:43
  • 54B
  • 下载

React Native仿某电商店铺首页

前言:有朋友需要实现一个仿某电商app店铺首页的效果,花了一点点时间简单的实现了一下,最后的效果大概是这样的:1、可以看到,当底部的滑动控件滑动的时候tabview滑动到指定的位置后悬浮。 2、当底部的滑动控件滑动的时候状态栏view透明度从0到1的转变。 3、当底部的滑动控件滑动的时候背景vi...
  • vv_bug
  • vv_bug
  • 2017-08-26 18:51
  • 966

蓝鸥React Native零基础入门到项目实战 Hello React

蓝鸥React Native零基础入门到项目实战 Hello React
  • lanouyihuiyun
  • lanouyihuiyun
  • 2016-12-27 10:27
  • 502

React Native视频教程电商项目实战教学

下载地址:http://www.feixueteam.net/thread-1034-1-1.html
  • u013948181
  • u013948181
  • 2016-12-16 16:07
  • 1326

React Native视频教程-电商项目实战

  • 2017-11-09 19:26
  • 82B
  • 下载

FileZilla

  • 2004-07-02 00:00
  • 1.54MB
  • 下载

React-Native 之 项目实战(二)

前言 本文有配套视频,可以酌情观看。 文中内容因各人理解不同,可能会有所偏差,欢迎朋友们联系我。 文中所有内容仅供学习交流之用,不可用于商业用途,如因此引起的相关法律法规责任,与我无关。 如文中内容对您造成不便,烦请联系 277511806@qq.com 处理,谢谢。 转载麻烦注明出处,谢谢。 ...
  • yeshaojian
  • yeshaojian
  • 2017-03-22 22:48
  • 720
    个人资料
    • 访问:1018107次
    • 积分:12281
    • 等级:
    • 排名:第1412名
    • 原创:181篇
    • 转载:4篇
    • 译文:0篇
    • 评论:228条
    这里有你需要的干货!!!
    关注我,获取推送O_o
    你需要的,才是干货@开源项目
    博客专栏
    最新评论