thoughtbit / it-note

:books: 琐碎的知识, I code it
315 stars 36 forks source link

React Native 资料 #22

Open moocss opened 9 years ago

moocss commented 9 years ago

热更新

https://github.com/lisong/code-push-server


https://github.com/infinitered/ignite (Get ready to ignite your next React Native project. After months of collaboration and hundreds of hours of work, Ignite 2.0 Beta is finally here.)

https://github.com/infinitered/reactotron (调试器, 👍 💯 💯)


https://github.com/wix/react-native-storybook-example


https://github.com/react-native-training/fundamentals-materials ( 👍 👍 💯 基础课程培训: ES2015 Review, React Fundamentals, Core Components, Cross Platform Components Cross Platform APIs, iOS Specific Components and APIs, Android Specific Components and APIs, Animations, Styling, Flexbox, )


https://github.com/MarnoDev/react-native-open-project (可能是目前最用心收集的 React Native 优秀开源项目大全)

https://github.com/crazycodeboy/react-native-awesome (React Native Awesome 汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等,只求精不求全。)

http://www.cniao5.com/course/10116?channel=lcode.org&p=300 (新美大旅游事业部Reading项目作者大大录制的React Native视频教程 :+1: )

https://github.com/unbug/react-native-train , https://github.com/unbug/react-native-train-scripts ,https://github.com/unbug/TodoRN (React-Native 开发培训免费书 👍 💯, 学习)

https://github.com/fangwei716/30-days-of-react-native (30天学会React-Native, 30个 参考 demo 👍 💯, 学习 )

https://github.com/hiphonezhu/RN-Demos (入门练习)

https://github.com/reactnativecn/react-native-guide (React-Native学习指南 👍 💯 )

https://github.com/bonniee/learning-react-native ( 书,源码 👍 💯 )

https://github.com/joggerplus/ReactNativeRollingExamples (react-native的一些example,目前支持iOS。)

https://github.com/hayeah/react-native-scrollview-experiments https://github.com/hayeah/react-native-SortableList

https://github.com/developit/preact (使用 ES6 API, 来写 React , 很多练习例子) https://segmentfault.com/a/1190000004660712 (每天都实战一个React-Native项目 :+1: :100: )

https://github.com/zerosoul/PIW (React Native之美, 小例子)

https://github.com/xueduany/react-mix (ReactMix 是在 React Native 和 ReactJS的基础上,全新架构一层 Framework 和自动化翻译工具,通过相应的翻译机制和扩展模式,将现有的浏览器中可执行的 HTML 页面、JS 代码和 CSS 样式,同步翻译成为 React Native 可以执行的代码,从而获得在 App 上直接运行的能力,同时具备原生的 App 体验的效果。 👍 )

https://github.com/cnsnake11/blog/blob/master/ReactNative%E5%BC%80%E5%8F%91%E6%8C%87%E5%AF%BC/ReactNative%E5%A2%9E%E9%87%8F%E5%8D%87%E7%BA%A7%E6%96%B9%E6%A1%88.md (ReactNative增量升级方案)

https://github.com/ivanbtrujillo/React-Native-Boilerplate (A Boilerplate for React Native that implements Redux, Redux-Promises, Official Navigator, Axios, ESLint, Mocha, Chai, Chai-as-promised, Sinon, Enzyme and React-native-mock. )

https://getsiphon.com/ (Build and publish React Native apps without installing Xcode. ,轻松构建React Native apps ,强烈推荐, React Native 开发工具 :+1: :100: ) https://github.com/decosoftware/deco-ide (强烈推荐, React Native 开发工具 :+1: :100:,The best IDE for building React Native apps is now free and open source.)

https://github.com/infinitered/ignite (The unfair starting CLI, Generator, and more for React Native, 👍 💯 脚手架)

https://exponentjs.com/ (真机代理,运行环境 👍 💯 , 不需要开发者账号)

http://macacajs.github.io/macaca/ (Macaca - 基于 Node.js 的自动化测试, 移动端WEB自动化测试 ,支持移动端Native, Hybrid, 纯Web多种产品类型,同时也支持PC端。 :+1: :100: )

https://github.com/airbnb/enzyme (react-native component UI, 测试 )

https://cnodejs.org/topic/56e8d829cf7763a6045c4af8 (Reliable 是分布式架构的持续集成系统,使用 Macaca + Reliable 为自己的团队和公司搭建一个开源的自动化集成平台是个不错的选择。 使用技术 Koa, React , 比较好的参考案例 :+1: :100: )

http://jspatch.com/ (App 动态更新服务平台 :+1: )

http://bbs.reactnative.cn/topic/15/react-react-native-%E7%9A%84es5-es6%E5%86%99%E6%B3%95%E5%AF%B9%E7%85%A7%E8%A1%A8 (React/React Native 的ES5 ES6写法对照表 :+1: :100: )

https://github.com/jhabdas/react-native-webpack-starter-kit

http://react-native-material-design.github.io/ (React Native Material Design :+1: :100: ) https://github.com/binggg/mrn (Material React Native (MRN) - A Material Design style React Native component library. http://mrn.js.org :+1: :100: )

https://github.com/necolas/react-native-web (React Native for Web: A framework for building Native Web Apps :+1: :100: )

https://github.com/jondot/awesome-react-native (资源集合 :+1: :100: )

https://github.com/Microsoft/react-native-code-push (微软的热部署方案 :+1: :100: )

https://github.com/taobaofed/react-web (淘宝前端的 React Native wep app 例子集合 :+1: :100: ) https://github.com/yuanyan/react-native-web-example (React Native Wep :+1: :100: ) https://github.com/yuanyan/react-native-web-exploding-hearts (React Native Wep)

https://github.com/tmallfe/tmallfe.github.io/issues/19 (react-native 之布局篇, https://github.com/tmallfe/tmallfe.github.io/issues, 天猫前端 React实战分享系列文章 :+1: :100: )

https://rnplay.org/ (React Native 在线演示) :100: :+1:

http://ued.qunar.com/qrn/ (Qunar React Native 是 Qunar 基于 React Native 深度定制的移动平台框架,旨在让移动开发者使用 JavaScript 进行移动平台的高效开发 👍 💯 )

http://www.html-js.com/article/column/4636 (司徒正美 -- React-Native 专栏) https://github.com/RubyLouvre/fastui (一个基于react native的UI库, 包括 Carousel,Calendar, Form :+1: :100: ) https://github.com/chenchunyong?tab=repositories (React Native 组件 小例子)

https://github.com/zhongjie-chen/react-native-zjapp (这一个RN的练习项目,包含了许多功能点以及第三方库的使用 👍 )

https://github.com/vczero/react-native-lesson (React-Native入门指南 :100: :+1: )

https://github.com/vczero/React-Native-App (React-Native实战 一个简单的APP :+1: :100: )

https://github.com/okoala/react-native-redux-starter (React Native 集成Redux和GraphQL的starter)

https://github.com/kadira-samples/react-native-graphql-demo (graphql)

https://github.com/este/este (React 全栈开发架构方案, The best dev stack and starter kit for React universal web apps. ) https://github.com/kazaff/react-native-guide (React-Native学习指南,资源大集合 :+1: :100: )

https://github.com/xinyu198736/htmljs-ReactNative (前端乱炖的ReactNative版本app)

https://github.com/ele828/react-native-guide (React-Native指南汇集了react-native学习资源与各类开源app )

http://www.reactnative.com/books/

布局: https://github.com/upbit/react-native-layout-playground https://github.com/glenjamin/ReactNativeFlexboxPlayground

http://www.dobest.me/post/react-native-build-native-componenets/ (React Native构建本地视图组件)

Build Apps with React Native (视频代码): https://www.udemy.com/reactnative/ https://github.com/StephenGrider/ReactNativeCasts/branches/all?page=1

Build Web Apps with React JS and Flux (视频代码): https://github.com/StephenGrider/ReactCasts

https://github.com/kazaff/ZhuiYuanDemo (React-Native-Android 练习)

http://www.jianshu.com/p/14933fd9c312 (ReactNative 架构Redux研究) https://github.com/alinz/example-react-native-redux (ReactNative 架构Redux研究)

http://www.jianshu.com/p/6d4cce9d914f (ReactNative 开发实践)

https://github.com/mayacger/react-native-tab-navigator-ios-android

http://blog.parryqiu.com/2016/01/27/react_native_sns_weibo_wechat_qq_login/ (React Native 接入微博、微信、QQ 登录功能)

https://github.com/jiangqqlmj/RNWeChatDemo (RNWeChatDemo 微信好友分享/朋友圈分享实例 http://www.lcode.org/)

https://github.com/rccoder/blog/issues/25 (如何让你的 React Native 应用在键盘弹出时优雅地响应)

React Native 小例子

  1. Chapter1 - React Native——ListView的使用详解
  2. Chapter2 - ReactNative——使用FlatList实现豆瓣电影列表
  3. Chapter3 - React Native——使用SectionList改造电影列表
  4. Chapter4 - React Native——自定义下拉刷新上拉加载的列表
  5. Chapter5 - react-navigation使用介绍及UI组件外实现统一跳转
  6. Chapter7 - ReactNative——react-native-video实现视频全屏播放
  7. Chapter8 - ReactNative干货分享——视频播放器App (👍 💯 , 推荐)

https://github.com/ryanmcdermott/react-native-login (React Native project showing how to use a WebView and react-native-cookies to login to your existing backend, 👍 💯)

https://github.com/reactnativecn/react-native-starter-kit ( 👍 💯 , 推荐)

https://github.com/spencercarli/meteor-react-native-authentication https://github.com/spencercarli/react-native-meteor-boilerplate https://github.com/hugohua/react-native-demo (天猫,3C, Home 首页 demo :+1: :100: )

React Native + Redux 小例子

https://medium.com/dailyjs/11-mistakes-ive-made-during-react-native-redux-app-development-8544e2be9a9 (11个 react-native-redux 坑, 与架构 👍 💯 💯 )

https://juejin.im/post/58c75f9444d90400699add86 ([译] Redux 异步四兄弟, 👍 💯 💯 ) https://github.com/dabit3/redux-4-wayshttps://github.com/react-native-training/redux-4-ways ([译] Redux 异步四兄弟 👍 💯 💯 )

https://github.com/idancali/react-native-chunky (react native base , 👍 💯 💯 )

https://github.com/StephenGrider/ReactNativeReduxCasts (3个小例子, 无State 组件设计 和可复用的组件, Redux 的使用 👍 💯 )

https://github.com/jhen0409/react-native-boilerplate (The React Native, Redux boilerplate for personal usage, 👍 💯 💯 )

React Native 组件使用

https://github.com/jpush/aurora-imui (通用 IM 聊天 UI 组件,已经同时支持 Android/iOS/RN。👍 💯 💯 )

https://github.com/garethstockwell/react-native-playpen ( :+1: )

http://www.ghugo.com/react-native-listview-stickyheaderindices/ (React Native ListView sticky效果实现)

https://github.com/ModusCreateOrg/rn-listview-sections-blog (React Native ListView with Section Headers blog code)

https://github.com/alextkd/react-native-dynamic-animated-list

https://github.com/dabit3/react-native-navigation-experimental-in-depth (👍 💯 💯 )

react-native 组件

https://github.com/huanxsd/react-native-refresh-list-view (FastList 的使用 👍 💯)

测试

http://insights.thoughtworkers.org/use-enzyme-to-test-the-react-component/ (使用Enzyme测试React(Native)组件 👍 💯)

经典

https://github.com/jondot/ReactNativeKatas (This is a project that lets you participate in a fully-immersive, hands-on, and fun learning experience for React Native👍 💯 💯 ) https://github.com/jondot/react-native-slowlog

优化

https://github.com/yued-fe/Ynative (Ynative是一个原生壳子,希望实现原生代码和RN、Hybrid的混合开发。👍 💯 💯)

https://github.com/lelandrichardson/react-native-in-depth (ReactNative 深度学习, 👍 💯 💯)

https://hackernoon.com/moving-beyond-animations-to-user-interactions-at-60-fps-in-react-native-b6b1fa0ba525 ( ReactNative 动画 60 FPS 优化)

https://hackernoon.com/react-native-performance-an-updated-example-6516bfde9c5c ( ReactNative 性能优化 ) https://github.com/wix/rn-perf-experiments2

TypeScript

https://github.com/react-native-training/modern-react-native-typescript-boilerplate

UI

https://github.com/callstack/react-native-paper

https://github.com/meituan/beeshell (美团, React Native 组件库)

https://github.com/7449/react-native-widget

https://github.com/wix/react-native-ui-lib

https://github.com/carbon-native/carbon-native

https://github.com/hectahertz/react-native-typography

https://github.com/blankapp/ui

地图

https://github.com/qiuxiang/react-native-amap3d (高端地图 👍 💯 )

react-navigation

https://github.com/Sunshine168/resume/issues/4 (react-navigation 使用锦囊 )

https://github.com/reactnativecomponent/react-native-template-hz-redux (redux-persist + react-navigation)

测试

https://github.com/wix/detox (Gray Box End-to-End Testing and Automation Framework for Mobile Apps 👍 💯 💯 )

WebView 扩展

https://github.com/orbiting/app (👍 💯 💯)

moocss commented 9 years ago

脚手架

https://github.com/DaiYz/react-native-redux-init (redux、redux-persist 👍 💯 💯, 使用) https://github.com/DaiYz/react-native-mobx-init

https://github.com/reactnativecomponent/react-native-template-hz-redux (redux、redux-persist 👍 💯 💯, 使用) https://github.com/bhnywl/toodu-web (redux、redux-persist 👍 💯 💯, 使用)

优秀React Native项目推荐

https://github.com/MarnoDev/react-native-open-project

优秀案例

https://github.com/czy0729/Bangumi (A React Native App for https://bgm.tv, 全新黑暗模式, iOS更新了试用方法)

https://github.com/guangqiang-liu/OneM (👍 💯 💯)

https://github.com/zulip/zulip-mobile (Zulip Mobile is the official mobile Zulip client, supporting both iOS and Android. 👍 💯 💯)

https://github.com/lvwangbeta/Poplar (全栈, 社交app 👍 💯 💯)

https://github.com/orbiting/app (WebView, Apollo-React)

https://github.com/mycoralhealth/mycoral-patient (Mobile app for patients to interact with Coral Health blockchain)

https://github.com/b3log/SymApp (mobx + react-navigation👍 💯)

https://github.com/gitpoint/git-point (GitHub in your pocket, 👍 💯 💯 , 推荐学习, redux + redux-thunk)

https://github.com/yuche/gouqi (枸杞 - 伪装成音乐客户端的计时 App, ts + redux + redux-saga 👍)

https://github.com/alphasp/pxview (redux + redux-saga)

https://github.com/jessisena/TreeCheckerApp/tree/master/app/treeChecker ( 👍 💯 💯 persist + offline +redux + redux-thunk) https://github.com/JetBrains/youtrack-mobile (推荐学习, 👍 💯 💯 , redux + redux-thunk)

https://github.com/birkir/hekla (Hekla for Hacker News, typescript + mobx + react 16.4)

https://github.com/turnrye/pedipro (emergency pediatric reference tools for Android, iOS, and Windows.)

成功案例:

https://github.com/SamLihang/react (电商 👍 💯, JPush 推送)

https://github.com/mengzhe1973/NativeAppIntegrateRn (React Native开发的App以插件形式融合到原生App中 👍 )

https://github.com/puti94/RNExample (一个基于mobx、react-navigation、teaset的react-native框架)

https://github.com/mochixuan/Mung ( realm 👍 💯)

https://github.com/knightsj/GitHubPopular-SJ (👍 💯)

https://github.com/codingplayboy/reactjs/tree/master/react-native/fuc (👍 👍 💯React Native App应用架构设计) http://blog.codingplayboy.com/2017/10/31/react-native-app/ ( React Native App应用架构设计)

https://github.com/himanshuchauhan/react-native-whatsapp-ui (联系人 和 发送消息 👍 👍 💯)

https://github.com/mytream/tchat_mobile

https://github.com/liuyahuiZ/Reanative (react native 开发的练习app,集成有scrollTab, Video,TouchId,ImagePicker,Charts,下拉刷新等)

https://github.com/qiuxiang/react-native-wnacg (Mobx :+1: :100: ,学习) https://github.com/b3log/SymApp (现代化社区平台APP,Mobx :+1: :100: ,学习)

https://github.com/agrcrobles/react-native-live-translator (扫描翻译 👍💯 )

https://github.com/phodal/growth (带你变成优秀开发者,陪你成为顶尖开发者 👍 👍 💯, 推荐)

https://github.com/panyz/GankAndPanyz (导航栏React-Navigation)

https://github.com/kelset/react-native-glshaders-testing ( 模仿 Instagram + Snapchat features👍 👍 💯))

https://github.com/huanxsd/MeiTuan (美团模仿)

https://github.com/linwh1115/react-native-cnodejs (👍 👍 💯) https://github.com/togayther/react-native-cnblogs (👍 👍 💯)

https://github.com/JuneDomingo/movieapp (电影 TV , 👍 👍 💯 )

https://github.com/Thinkmill/react-conf-app (React Conf 2017 Companion App, 👍 👍 💯 )) https://github.com/infinitered/ChainReactApp (The official Chain React Conf App, 👍 👍 💯 )

https://github.com/surmon-china/surmon.me.native (一个非常适合入门学习的react-native项目,代码清晰、结构合理)

https://github.com/MrErHu/CNode-React-Native (练手,项目,👍 👍 💯)

https://github.com/bigsui/shopping-react-native ( 购物 )

https://github.com/MarnoDev/react-native-ofo https://github.com/MarnoDev/react-native-eyepetizer

https://github.com/im-js/im.js (一个基于 react-native + mobx + socket.io + node 的仿微信 JS-Wechat 👍 💯 )

https://pan.baidu.com/s/1b9fRnK (React-Native 实战一高仿逛丢[推荐] 👍 👍 💯 )

https://github.com/songxiaoliang/ComicApp (基于React-Native、Redux实现的「漫画书」App 👍 )

https://github.com/stoneWeb/elm-react-native (A react native app simulating eleme app,run ios and android. 高仿饿了么 👍 👍 💯, 推荐)

https://github.com/yanbober/RNPolymerPo (基于 React Native 的 Android 企业级应用 Demo。, 魅族, 移动开发)

https://github.com/stary-pray/bumo_react (恋绘的前端项目)

https://github.com/crazycodeboy/GitHubPopular (这是一个用来查看GitHub最受欢迎与最热项目的App,它基于React Native支持Android和iOS双平台。 👍 👍 💯, 推荐)

https://github.com/lipeiwei-szu/ReactNativeOne (基于React-Native的高仿「ONE·一个」,兼容Android、iOS双平台, 👍 👍 💯 )

https://github.com/yeegr/trails

https://github.com/codingforme/react-native-demo-news ( scrollable-tab-view ,gifted-listview, tab-navigator,学习参考 :+1: :100: )

https://github.com/kenwheeler/reactive2015 (Reactive2015 Contest Entry, 学习参考 :+1: :100: ) https://github.com/david-casagrande/herd-fest-mobile ( 公牛节活动app, 学习 :+1: :100:)

https://github.com/vczero/toilet (厕所在哪 :+1: :100: , iOS, 全栈 )

https://github.com/liuhongjun719/react-native-BabyHealth- ( React native 创建的仿 “宝宝健康” app,实现Listview展示、收藏、跳到appstore、react-redux与redux-thunk的使用) https://github.com/liuhongjun719/react-native-DaidaiHelperNew (贷贷助手” app)

https://github.com/zhijieeeeee/ReactNativeMovieApp (练习 :+1: )

https://github.com/jiangqqlmj/GaGaMall (商城客户端 :+1: :100: )

https://github.com/APSL/react-native-meneame (Android,iOS,👍 👍 💯 )

https://github.com/unbug/TodoRN ( 👍 👍 💯 )

https://github.com/fbsamples/f8app (Facebook 开源了 F8 App 全套代码,包括 Android,iOS 和 Server 端,其中涉及 React Native, Redux, Relay, GraphQL 等技术, 权威 👍 👍 💯 )

https://github.com/kailuo99/toutiao ( 一款使用react native 开发的ios、android版的资讯头条APP。 :+1: :100: ,学习 )

https://github.com/andrew1991823/ReactNative-hyvi ( voice recording, music sharing, create group, 1:1 chatting, 1:N chatting :+1: :100: )

https://github.com/yohnz/maoyanFilm (猫眼电影)

https://github.com/zhongjie-chen/rn_rank ( 干货分享 app 👍 )

https://github.com/guanMac/reac-native-equipment (基于react-native,使用redux管理数据和状态的产品。 👍 💯 , 学习) https://github.com/xiekw2010/react-native-gitfeed (React Native开源项目-Github客户端(Android、iOS) :+1: :100: ,学习 )

https://github.com/ptmt/react-native-desktop (官方例子集合,桌面版) https://github.com/facebook/react-native/tree/master/Examples/UIExplorer

https://github.com/catalinmiron/react-native-dribbble-app https://github.com/asamiller/den

http://www.ghugo.com/react-native-to-web/ (React Web: 让React Native 代码跑在Web上) https://github.com/hugohua/react-native-demo

https://github.com/iSimar/HackerNews-React-Native (ListView 设计, 参考 :+1: :100: )

https://github.com/febobo/react-native-redux-FeInn (react native redux FeInn 从零到1让你学会搭建一个APP, cnodejs 改造版 :+1: :100: :100:, 学习 ) https://github.com/soliury/noder-react-native (小清晰, cnodejs :+1: :100: :100: )

https://github.com/fengjundev/DoubanMovie-React-Native (豆瓣APP)

https://github.com/wwayne/react-native-nba-app (NBA 赛事关注 👍 )

https://github.com/lookingstars/RNMeituan (使用React Native开发的一个美团小demo)

https://github.com/bartonhammond/snowflake (后端 + react native 登录,注册,修改密码的 APP)

https://github.com/Bob1993/React-Native-Gank (为 Gank.io 做的一个 React-Native 移动客户端 :+1: :100: )

https://github.com/iwgang/GankCamp-React-Native (gank.io (干货集中营) **react-native版本,同时支持Android和iOS :+1: :100:)

https://github.com/gpbl/isomorphic500 (A 500px app built with React and Fluxible with babelj :+1: :100: )

http://richard-cao.github.io/2016/02/06/Reading-App-Write-In-React-Native/ https://github.com/attentiveness/reading (Reading App Write In React-Native, 目前上线的只有 android版本 :+1: :100: , 有项目实战沉淀)

https://github.com/xujinyang/react-native-android-guide (饿了么蜂鸟众包团队,react-native 实战资料, :+1: :100: 致力于帮助Android开发者转react-native开发。多点一个技能树,多一份天地。 )

https://github.com/race604/ZhiHuDaily-React-Native (知乎日报 React Native for Android 源码 :+1: :100: ) http://www.race604.com/react-native-android-practice/(知乎日报 React Native for Android 文章)

https://github.com/heruijun/react-native-lagou (基于es6语法,仿拉勾,目前暂时只支持ios)

https://github.com/benoitvallon/react-native-nw-react-calculator (Mobile, desktop and website Apps with the same code :+1: :100: )

https://github.com/SpikeKing/WclBBCNews (新闻客户端,主要技术: 访问网络请求, 过滤内容, 获取数据. 显示多媒体页面, 图片, 视频, 链接等.)

https://github.com/rangle/react-native-workshop ( 学习, :+1: :100: ) https://github.com/winkerVSbecks/spotify-artist-lookup (学习 , :+1: :100: )

https://github.com/yubo725/RNWeChat (微信模仿)

组件

https://github.com/benevbright/react-navigation-collapsible (可折叠头部 :+1: :100::100:, 使用)

https://github.com/GantMan/drawer-example

https://gist.github.com/alinz/d10a92d3dd0192a3df1197f9393de7eb (Progressive image loading )

https://github.com/DylanVann/react-native-fast-image/blob/master/FastImage.js

https://github.com/wcandillon/react-progressive-image-loading/blob/master/src/index.tsx

https://github.com/n4kz/react-native-material-textfield

https://github.com/n4kz/react-native-material-buttons https://github.com/n4kz/react-native-indicators (Activity indicator collection)

https://github.com/n4kz/react-native-pages ( Swiper 图片滚动 组件 👍 👍 💯 , 推荐 )

https://github.com/n4kz/react-native-material-ripple ( Material Ripple 效果, 👍 👍 💯 , 推荐 ) https://github.com/root-two/react-native-drawer (抽屉组件 👍 👍 💯 , 推荐)

https://github.com/huanxsd/react-native-refresh-list-view (一个简单实现的列表下拉、上拉刷新控件)

https://github.com/jcoulaud/react-native-list_stack ( redux)

https://github.com/lelandrichardson/react-native-parallax-view ( 头部页面视觉差效果)

https://github.com/airbnb/native-navigation (导航 👍 👍 💯 , 推荐)

https://github.com/wix/react-native-navigation (导航 nav bars, tabs, drawer, modals👍 👍 💯 , 推荐) https://github.com/wix/react-native-navigation-bootstrap

https://github.com/wix/react-native-interactable (抽屉式动画 👍 👍 💯 , 推荐)

https://github.com/werein/react-native-dates ( 日历 )

https://blog.callstack.io/reusable-react-native-components-7c29870fb2e6#.icbx6odqi (可重复实用组件 👍 💯 )

https://github.com/diegoprates/react-native-hybrid-stylesheet (Allow you to create different styles for Android and iOS.)

http://www.devio.org/2017/01/10/React-Native%E6%8C%89%E9%92%AE%E8%AF%A6%E8%A7%A3-Touchable%E7%B3%BB%E5%88%97%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8%E8%AF%A6%E8%A7%A3/ (React Native按钮详解|Touchable系列组件使用详解 👍 💯 💯)

https://github.com/mastermoo/react-native-action-button (快捷按钮组)

https://github.com/APSL/react-native-keyboard-aware-scroll-view https://github.com/APSL/react-native-item-cell

https://github.com/halilb/react-native-textinput-effects (文本框 动画)

https://github.com/aksonov/react-native-router-flux (React Native Router based on new React Native Navigation API, 推荐 :+1: :100:)

https://github.com/jmurzy/react-router-native ( Native 版的 react-router实现, 推荐 :+1: :100: )

https://github.com/wix/react-native-navigation (A complete native navigation solution for React Native with optional redux support - nav bars, tabs, drawer, modals :+1: :100: , 酷 )

https://github.com/oblador/react-native-animatable (动画 :+1: )

https://github.com/airbnb/react-native-maps ( MapView :+1: )

https://github.com/FaridSafi/react-native-gifted-spinner ( ActivityIndicator 的封装 )

https://github.com/mmazzarolo/react-native-animated-modal ( 简单的模态对话框 :+1: :100 : ) https://github.com/bodyflex/react-native-simple-modal (简单的模态对话框 :+1: :100 :) https://github.com/oblador/react-native-lightbox (图片预览 和 模态对话框 :+1: :100: ) https://github.com/maxs15/react-native-modalbox (模态对话框 :+1: :100: )

https://github.com/react-native-community/react-native-tab-view (一个跨平台的 Tab View :+1: )

https://github.com/FuYaoDe/react-native-app-intro ( 滚动引导页 :+1: :100: )

https://github.com/jacklam718/react-native-carousel-component ( 弹出式滚动 👍 💯 )

https://github.com/hzl123456/SectionListDemo (字母分组列表, 城市分类) https://github.com/GuillaumeNachury/react-native-wavy-list (字母分组列表, A cool looking SectionList controller 👍 💯) https://github.com/sunnylqm/react-native-alphabetlistview ( 字母分组列表) https://github.com/rgovindji/react-native-atoz-list (字母分组列表) https://github.com/xcarpentier/react-native-country-picker-modal ( 国家选择, 字母分组列表)

https://github.com/EstebanFuentealba/react-native-share ( 分享菜单)

https://github.com/sunnylqm/react-native-storage (这是一个本地持久存储的封装,可以同时支持react-native(AsyncStorage)和浏览器(localStorage)。ES6语法,promise异步读取,使用jest进行了完整的单元测试)

https://github.com/react-native-component/react-native-smart-security-text (手机 和 密码,智能安全文本 显示和隐藏 )

https://github.com/oblador/react-native-image-progress (图片进度)

https://github.com/greatbsky/react-native-pull (列表上拉 和 下拉)

https://github.com/beefe/react-native-picker (三级联动)

https://github.com/jmurzy/react-native-foldview ( 折叠盒子动画列表 👍 👍 💯 )

https://github.com/react-native-component/react-native-smart-parabola ( 购物车飞入动画 )

https://github.com/marcshilling/react-native-image-picker (图片选择器)

https://github.com/zo0r/react-native-push-notification ( 本地 和 远程通知 :+1: )

https://github.com/SpikeKing/WclNavigator (React Native 的 Navigator 组件)

https://github.com/MichaelCereda/react-native-form-generator https://github.com/gcanti/tcomb-form-native

https://github.com/jineshshah36/react-native-nav (A cross-platform (iOS / Android), fully customizable, React Native Navigation Bar component.)

https://github.com/sghiassy/react-native-sglistview (ListView 性能优化)

https://github.com/jaysoo/react-native-parallax-scroll-view ( 👍 ) https://github.com/z4o4z/react-native-parallax-scroll ( 👍 )

https://github.com/react-native-community/react-native-navbar

https://github.com/dwicao/react-native-simple-tab

https://github.com/alex-melnyk/react-native-multibar (自定义mini导航 👍 👍 💯 ) https://github.com/shoumma/react-native-off-canvas-menu ( 3d ,侧滑导航 ) https://github.com/react-native-community/react-native-side-menu (侧滑导航) https://github.com/react-native-community/react-native-tab-view (滑动标签)) https://github.com/skv-headless/react-native-scrollable-tab-view ( 通用的滑动标签) https://github.com/race604/react-native-viewpager

https://github.com/yzsolo/react-native-swipe-left (a RN swipe-left component for listView.(左滑解决方案) 👍 💯 )

https://github.com/cuiyueshuai/react-native-expandable-section-flatlist (可伸缩列表,类似于QQ列表形式)

https://github.com/dwicao/react-native-circle-button ( 圆点导航按钮 )

https://github.com/FaridSafi/react-native-gifted-messenger

https://github.com/ljunb/react-native-iShiWuPai (一个基于React Native实现的美食类APP。)

https://github.com/BelinChung/react-native-hiapp

https://github.com/netray722/react-native-contact ( 公司 OA 👍 💯 , 原版 ) https://github.com/talentjiang/react_native_office ( 公司 OA 👍 💯 )

https://github.com/Yanzhaowei/NuanxinDoctorApp ( 医生管理 app :+1: )

https://github.com/starlight36/react-native-navigator-router (Navigator Router) https://github.com/yj1438/RN-navigator-frame (RN-navigator-frame )

https://github.com/APSL/react-native-navigator-wrapper (A React Native Navigator component wrapper that implements nested navigators for both push and modal transitions)

https://github.com/oliviertassinari/react-swipeable-views (A React component for swipeable views, 👍 💯 ,学习)

https://github.com/archriss/react-native-image-gallery

ReactNative 动画

https://github.com/airbnb/lottie-react-native (Airbnb, Easily add high-quality animation to any native app. 👍 💯 , 推荐)

http://browniefed.com/react-native-animation-book/

https://github.com/xotahal/react-native-pullable-view (可拉式的视图设计)

ReactNative UI & 框架 & 设计

https://github.com/meituan/beeshell

https://github.com/callstack/react-native-paper (Material Design for React Native (Android & iOS) 👍 👍 💯,学习)

https://github.com/unioslo/react-native-usit-ui ( 👍 👍 💯,UI 组件集合, 学习 )

https://github.com/rghorbani/react-native-common

https://github.com/blankapp/ui (高度可定制的,👍 👍 💯,学习)

https://github.com/expo/expo-sdk (👍 👍 💯 )

https://github.com/exponentjs (A really easy way to build and share rich experiences built with JavaScript and React Native on mobile, 开发工具 + 基础库 👍 💯 )

https://github.com/react-native-community/React-Native-Elements (React Native Elements UI Toolkit, 酷,基础UI, :+1: :100: , 学习)

https://github.com/futurice/pepperoni-app-kit (Pepperoni - React Native App Starter Kit for Android and iOS , 👍 👍 💯 )

https://github.com/mcnamee/react-native-starter-app ( 👍 👍 💯 , 推荐,学习)

https://github.com/start-react/native-starter-kit (React Native Starter App with NativeBase + CodePush + Redux 👍 ) https://github.com/GeekyAnts/NativeBase (酷,基础UI, 收费模板 :+1: :100: , 学习) https://github.com/GeekyAnts/react-native-native-base-seed (酷, 收费模板)

https://github.com/duheng/Mozi (构建一套最基础,最精简,可维护的react-native项目, 👍 💯 )

NativeBase:一款融合了ES6用于在React Native上创建创建高质量的Android&iOS APP的框架。 https://github.com/rilyu/teaset (React Native UI 组件库, 超过 20 个纯 JS(ES6) 组件, 专注于内容展示和操作控制。👍 💯 💯 推荐,学习) BlankApp UI:React Native的高度可定制和主题组件 👍 💯。 Shoutem UI:一个完整React Native的UI工具包。 React Native Elements:React Native UI元素和组件的集合。 Panza:收集无状态,功能性,跨平台的ui组件,用于React Native。

https://github.com/akveo/react-native-ui-kitten (Customizable and reusable react-native component kit 👍 👍 💯, 学习) https://github.com/akveo/kittenTricks

https://github.com/wix/react-native-ui-lib (UI Components Library for React Native, 👍 👍 💯)

https://github.com/react-native-paper/react-native-paper (Material Design for React Native)

https://www.invisionapp.com/do (高质量的移动UI效果图 👍 ) https://github.com/iinterest/squirrel-react-native (基于 React Native 的 UI 组件库, 腾讯 :+1: )

https://github.com/panza-org/panza (react-native stateless functional UI components to get you up and running quickly, 💯 👍 , 学习)

https://github.com/react-uikit/react-uikit

https://github.com/carbon-native/carbon-native (A set of UI components for building React Native apps)

https://github.com/react-native-training/react-native-elements (💯 👍 , 学习) https://github.com/xotahal/react-native-material-ui (💯 👍 , 学习) https://github.com/xotahal/react-native-material-ui-demo-app

https://github.com/shoutem/ui (💯 💯 👍 , (动画库, 主题库 )交互学习) http://shoutem.github.io/docs/ui-toolkit/components/

https://github.com/avocode/nachos-ui (💯 👍 , 学习)

https://github.com/missingstack/almaui (💯 👍 , 学习) https://github.com/missingstack/almaui-starter https://github.com/missingstack/alma-weather-app https://github.com/missingstack/alma

https://github.com/archriss/react-native-snap-carousel (Swiper component for React Native with previews, snapping effect and RTL support. 💯 💯 👍 )

https://github.com/rnxteam/rnx-ui (A UI Lib for React Native, 国人,比较全面的UI库)

图表

https://github.com/FormidableLabs/victory https://github.com/FormidableLabs/victory-native

导航

https://github.com/aksonov/react-native-router-flux (💯 💯 👍, 推荐使用)

https://github.com/wix/react-native-navigation ( 👍 💯 )

https://github.com/react-community/react-navigation ( 👍 💯 ) https://github.com/exponentjs/react-native-tab-navigator ( :+1: ) https://github.com/APSL/react-native-section-menu https://github.com/APSL/react-native-navigator-wrapper

react-navigation

https://github.com/shimohq/shimo-navigation (石墨文档 React Native app 导航系统 👍 💯 )

https://github.com/parkerdan/SampleNavigation ( react-navigation 练习 👍 💯 ) http://www.jianshu.com/p/974745294725 (React Native路由理解和react-navigation库封装学习) http://www.guiyongdong.com/2017/05/20/ReactNative%E5%AF%BC%E8%88%AA%E6%96%B0%E5%AE%A0%E5%84%BFreact-navigation/ (ReactNative导航新宠儿react-navigation)

http://blog.csdn.net/u013718120/article/details/72357698 (React Native未来导航者:react-navigation 使用详解)

对话框

https://github.com/douglasjunior/react-native-simple-dialogs

cell-components

https://github.com/lodev09/react-native-cell-components (Cell,ActionSheet ,CellGroup ,CellInput ,CellListProvider ,CellSheet ,DatePicker ,SelectList ,TagsInput ,CellSlider ,CellSwipeable)

表单

https://github.com/gcanti/tcomb-form-native https://github.com/APSL/react-native-floating-label

网络

https://github.com/rauliyohmc/react-native-offline-utils (react-native-offline-utils 允许我们在 React Native 应用中优雅地处理离线情况,能够根据连接情况动态判断需要使用的组件渲染或者数据抓取逻辑。同时 react-native-offline-utils 还能够平滑地集成 Redux,能够自动转发特殊的离线 Action。)

https://github.com/archriss/react-native-network-component

moocss commented 9 years ago

https://github.com/brentvatne/react-native-debug-stylesheet https://github.com/brentvatne/react-native-video https://github.com/brentvatne/react-native-login https://github.com/brentvatne/react-native-modal https://github.com/brentvatne/scroll-fun-with-react-native https://github.com/brentvatne/react-native-overlay https://github.com/brentvatne/react-native-device-clock-format https://github.com/brentvatne/react-native-status-bar-size

moocss commented 9 years ago

http://brentvatne.ca/ (React Native 文章和组件)

moocss commented 8 years ago

http://react.parts/native-ios (React Native 在线组件查询)

moocss commented 8 years ago

http://f2e.souche.com/blog/-ge-san-duan-kai-fa-zhe-yan-zhong-de-react-native/ (一个“三端”开发者眼中的React Native)

moocss commented 8 years ago

https://github.com/tmallfe/tmallfe.github.io/issues/19 (react-native 之布局篇)

moocss commented 8 years ago

https://github.com/AlphaTr/react-native-music-demo

moocss commented 8 years ago

font icon 字体图标

集成了FontAwesome,iconiicon,[Foundation icons]
https://github.com/corymsmith/react-native-icons

https://github.com/oblador/react-native-vector-icons

推荐第二种用起来比较舒服

ps下:
使用外部链接库之后,需要重启npm

最佳轮播组件

react-native-swiper
https://github.com/leecade/react-native-swiper

最佳视差滚动插件

react-native-parallax-view
https://github.com/lelandrichardson/react-native-parallax-view

blur 毛玻璃组件
https://github.com/Kureev/react-native-blur

最强轮播组件
https://github.com/leecade/react-native-swiper

漂亮下拉刷新
https://github.com/Shuangzuan/RCTRefreshControl

寻找react组件好地方

http://react.parts/native-ios

专注 React Native 开发的博客

http://browniefed.com/

React Native - How to make Instagram
React Native - Recreating the Apple TV Icons
React Native - Easy Overlay Modal with Navigator
React Native - Morphing SVG Paths with React Art
React Native - How to make Facebook Reactions
React Native - Pan Responder inside of a ScrollView
The Shapes of React Native
React Native Periscope Hearts Animation
React Native Youtube Animated Video Slide
React-Native Animated with React-Art - Firework Tap To Shoot
React-native press and hold button actions
React-native Animated API with PanResponder
React-native Animated ScrollView Row Swipe Actions
React-native Animated API Basic Example
React-Native layout examples
React-Native Tinder like cards
CSS-Layout and React-Art
Create a map with React-Art
React-Art and Bar Charts
React Art and Paths.js
Animating with React Art and Shifty.js
React Art Zooming and Dragging
React Native and Socket.io
Getting react-art running on react-native
React, Higher Order Components, and Legacy Applications

组件案例

https://github.com/magicismight/react-native-art-svg :+1: :100: https://github.com/magicismight/react-native-lazyload https://github.com/magicismight/react-native-root-toast https://github.com/magicismight/react-native-baidu-mob-stat https://github.com/magicismight/react-native-splash https://github.com/magicismight/react-native-root-modal https://github.com/magicismight/react-native-toggle

moocss commented 8 years ago

https://gist.github.com/sahrens/bf41095cb64526d2a56f (RecyclingListView) https://gist.github.com/sahrens/d1802e7a96b4c261f0b5 (MultiRowListView is an experimental ListView with two potential optimizations - incremental row rendering via subrows, and React row recycling. )

moocss commented 8 years ago

https://github.com/yipengmu/ReactNative_Android_QA (Android端10个最常见问题)

moocss commented 8 years ago

https://github.com/DimitriMikadze/react-native-game

moocss commented 8 years ago

https://github.com/cnsnake11/blog :+1: ReactNative开发指导 ReactNative开发规范 ReactNative翻译 ReactNative问题汇总

https://github.com/cnsnake11/AwesomeProject

moocss commented 8 years ago

http://www.lcode.org/%E3%80%90react-native%E5%BC%80%E5%8F%91%E3%80%91react-native%E7%A7%BB%E6%A4%8D%E5%8E%9F%E7%94%9Fandroid%E9%A1%B9%E7%9B%AE/ (【React Native开发】React Native移植原生Android项目 )

http://www.lcode.org/%E3%80%90react-native%E5%BC%80%E5%8F%91%E3%80%91react-native%E8%BF%9B%E8%A1%8C%E7%AD%BE%E5%90%8D%E6%89%93%E5%8C%85%E6%88%90apk/ (【React Native开发】React Native进行签名打包成Apk)

1.React Native For Android环境配置以及第一个实例
2.React Native开发IDE安装及配置 
3.React Native应用设备运行(Running)以及调试(Debugging)
4.React Native移植原生Android项目
5.React Native进行签名打包成Apk

moocss commented 8 years ago

http://taobaofed.org/blog/2015/12/30/the-communication-scheme-of-react-native-in-ios/ (使用 JS 构建跨平台的原生应用:React Native iOS 通信机制初探 ) http://blog.cnbang.net/tech/2698/ (React Native通信机制详解) http://blog.csdn.net/lihuiqwertyuiop/article/details/45241909 (React Native 调研报告 :+1: :100: )

moocss commented 8 years ago

https://github.com/hugohua/react-progressive React 逐层渲染Component,用于异步渲染,提升用户体验

http://www.ghugo.com/react-native-high-performance/ React Native 性能优化建议 https://github.com/hugohua/react-native-performance-demo

http://www.ghugo.com/react-native-event-emitter/ React Native 自定义事件机制

http://www.ghugo.com/react-native-listview-stickyheaderindices/ React Native ListView sticky效果实现
https://github.com/hugohua/rn-listview-example ( +1: :100:)

http://www.ghugo.com/react-native-flex-layout/ React Native 之flex布局 http://www.ghugo.com/react-native-to-web/ React Web: 让React Native 代码跑在Web上 http://www.ghugo.com/react-native-communicate/ react-native 组件间通信 https://github.com/hugohua/react-native-communicate-demo

http://www.ghugo.com/react-native-es6/ react native 中es6语法解析