Git Product home page Git Product logo

githubrn's Introduction

GithubRN

简介


基于React Native开发，适配Android与IOS。项目的目的是为方便个人日常维护和查阅Github,项目同时适合RN的练手学习，覆盖了各种框架的使用，与原生的交互等。

编译运行流程

  1. 配置好react native开发环境
  2. clone代码，根目录下执行npm install安装node_modules

模块

最热模块

  • Redux+FlatList实现列表页数据加载
  • 异步action与数据流
  • 自定义组件实现列表Item
  • action调用页面进行交互
  • FlatList的高级应用与加载更多的优化

收藏模块

  • 基于多数据存储设计**实现FavoriteDao
  • 为最热与趋势模块添加收藏与取消收藏的功能
  • 妙用callback解决Item跨组件更新问题
  • 基于最新React标准封装组件
  • 封装BaseItem并通过继承的方式进行代码复用

趋势模块

  • 优化TabNavigator的效率
  • 封装自定义组件
  • 基于Modal实现自定义弹框
  • 最大程度的进行代码封装与复用
  • WebView的使用与封装并实详情页

网络编程与数据存储技术

  • 网络编程
  • 数据库编程
  • Fetch、AsyncStorage封装和使用
  • RN项目的网络框架的分层设计
  • 离线缓存框架的设计与实现

打包发布与CodePush热更新

  • 使用CodePush进行热更新
  • 项目发布与部署
  • CodePush更新策略与调试
  • 打包发布React Native Android应用
  • 打包发布React Native iOS应用

示例

部分页面效果图:

githubrn's People

Contributors

lvchenqiang avatar

Stargazers

avatar avatar avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.