一个上架了的React Native项目实战总结
来源:互联网 发布:软件项目介绍ppt模板 编辑:程序博客网 时间:2024/05/17 08:56
本文出自:贾鹏辉的技术博客(http://www.devio.org)
项目源码下载:GitHub Popular
喜欢逛GitHub的小伙伴都知道,它有个查看最热项目的功能叫trending,但这个功能只能在网页上查看, 而且在手机上浏览显示效果很不友好,而我想在地铁上,餐厅,路上等空余的时间使用它,所以我需要一款带有这个功能的App, 不仅于此,我还想要在这款App上查询GitHub上我所喜欢的项目,甚至在手机没网的时候也能看到,而且我想要我的iOS和Android手机都能使用这款App, 于是GitHub Popular便诞生了。
这个项目满足了我如下3方面的需求:
- 在手机App上也可以使用GitHub 的trending功能来查看最热最火的开源项目。
- 在手机App上也可以搜索GitHub上的开源项目,并且可以进行查看、收藏、分享等操作。
- 可以订阅我所喜欢的标签或语言,让感兴趣的热门项目一个不漏。
开发环境及工具
环境:
- 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
功能流程图
总结
此项目是基于目前比较火的React Native技术架构的,也用到一些Android和iOS技术,其中Android、iOS两端代码复用率有90%之多,该项目占据我不少业余时间,不过总算研发完成,并成功上架。在此过程中填了不少的坑,包括GitHub没有开放trending的Api,需要自己动手实现它,以及自定义主题等等,后期有时间会整理出来分享给大家。
GitHub Popular的Android版本已上架,大家可以从百度手机助手,应用宝上下载使用,iOS版就差一个99刀的账号就可以上架了,囊中羞涩呜呜~~~~。项目开源在GitHub上供热爱移动开发的小伙伴学习研究,喜欢的小伙伴不要忘记点个赞支持一下哦。
最后
既然来了,留下个喜欢再走吧,鼓励我继续创作(^_^)∠※
0 0
- 一个上架了的React Native项目实战总结
- 一个上架了的React Native项目实战总结
- 一个上架了的React Native项目实战总结
- React-Native的项目总结
- React Native实战项目
- 【腾讯Bugly干货分享】React Native项目实战总结
- React Native 项目实战-Tamic
- 从一个实战项目来看一下React Native开发的几个关键技术点
- 从一个实战项目来看一下React Native开发的几个关键技术点
- 从一个实战项目来看一下React Native开发的几个关键技术点
- React实战-历数一个混乱React项目的罪状
- React-Native 之 项目实战(一)
- React Native 之 项目实战(一)
- React Native 项目实战(一)
- React-Native项目实战技术分享
- React-Native 之 项目实战(二)
- React-Native 之 项目实战(二)
- React-Native 之 项目实战(三)
- 《机器学习实战》学习笔记(一)
- Spark 实践 - RDD 的 join操作之需要注意的事项 - RDD为空的join操作
- 自定义基于netty的rpc框架(3)---客户端的实现
- 孪生素数
- 截取控件和屏幕图片并保存
- 一个上架了的React Native项目实战总结
- 双目视觉集锦
- ExtJS MessageBox嵌入HTML修改提示内容样式简单实例
- Java Script 基础一
- 解决关于仓库管理系统借入、归还的数量相关问题
- 百度push 结构化数据记录
- Best Time to Buy and Sell Stock
- Android App图标静态更新方案
- mysql order by 条件的值如果相同引发的bug