React Native 学习资源精选仓库

React Native Awesome汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等，只求精不求全。

如果你是一名React Native爱好者，或者有一颗热爱钻研新技术的心，喜欢分享技术干货、项目经验、以及你在React Naive学习研究或实践中的一些经验心得等等，欢迎投稿《React Native Awesome》。 如果你是一名Android、iOS、或前端开发人员，有者一颗积极进取的心，欢迎关注《React Native Awesome》。本项目汇集了各类React Native学习资料、工具、组件、开源App、以及相关新闻等。

目录

• 教程
  • React.js
  • React Native
    • 布局相关
    • 开发调试
    • 发布部署
  • ES6&ES7
  • 项目实践&教程
  • 系列教程
• 开源APP
• 组件
  • Navigation
  • ViewPager
  • ListView&ScrollView
  • Text&Rich Content
  • 弹框
  • Material Design
  • TabLayout
• 框架&库
• 工具
• 视频
• 资源网站
• 新闻&讨论
• 资源下载

教程

React.js

• React速学教程(上)
• React速学教程(中)
• React速学教程(下)
• React官网
• React中文网
• React入门教程

React Native

布局相关

• React Native布局详细指南
• React Native布局篇
• Flex 布局语法教程
• React Native探索（二）：布局篇

开发调试

• React Native调试技巧与心得

发布部署

• React Native应用部署/热更新-CodePush最新集成总结
• React Native发布APP之签名打包APK
• ReactNative增量升级方案
• React Native: Android 的打包
• ReactNative之原生模块开发并发布——iOS篇
• ReactNative之原生模块开发并发布——android篇

ES6&ES7

• ES6的新特性，以及ES6与ES5的区别
• 深入浅出ES6（十三）：类 Class
• ES6新特性：使用export和import实现模块化
• ES6令人激动的特性
• ES6 学习笔记
• React on ES6+
• React/React Native 的ES5 ES6写法对照表
• 深入浅出ES6

系列教程

• React Native 学习笔记
• React Native高手进阶-专栏
• React Native高手进阶-专题
• React Native 每日一学(Learn a little every day)

项目实践&教程

• ReactNative For Android 项目实战总结
• Moles：携程基于React Native的跨平台开发框架
• 构建 Facebook F8 2016 App / React Native 开发指南
• React Native 从入门到原理

开源APP

它山之石可以攻玉。

• GitHubPopular：基于React Native的查看、阅读、收藏GitHub上 最受欢迎的开源项目的APP，不仅如此，它还是一款GitHub Trending的客户端。
• React Native官方Demo：React Native官方Demo，汇集了各种组件，API的使用Examples。
• Facebook F8 App ：基于React Native 的2016 F8大会APP。
• HackerNews-React-Native：Hacker 新闻客户端。
• react-native-nw-react-calculator：基于React Native的计算器，iOS/Android、Web、桌面多端。
• react-native-dribbble-app：基于React Native的Dribbble客户端。
• noder-react-native：Noder-cnodejs客户端。
• ZhiHuDaily-React-Native：知乎日报Android版。
• react-native-gitfeed：一款基于React Native的GitHub客户端。
• FinanceReactNative：Finance - 股票报价app。
• React-Native-Gank：Gank.io客户端。
• leanote-ios-rnLeanote：Leanote for iOS(云笔记)。
• shopping-react-native ：购物app-界面。
• react-native-nba-app：This is why we play。
• react-native-gitosc：使用React Native重写的OSChina的Git@OSC客户端。
• reading：iReading App。

组件

Navigation

• react-native-router-flux：一款很火的导航组件。
• react-native-navbar：一款用于React Native上的可定制的导航条。
• react-native-tab-navigator：一款兼容Android、iOS的TabBar组件。
• react-native-drawer-layout：抽屉组件。
• react-native-drawer：另一款抽屉组件。

ViewPager

• react-native-swiper：一款轮番滑动的组件。
• react-native-looped-carousel：滚动轮播组件。

ListView&ScrollView

• react-native-refreshable-listview：下拉刷新组件。
• react-native-swipe-list-view：滑动删除组件。
• react-native-swipeout：iOS样式的划动删除组件。
• react-native-sortable-listview：拖拽排序组件。
• react-native-draggablelist：拖排序组件。
• react-native-SortableList：拖拽排序组件。

Text&Rich Content

• react-native-htmlview：HTML显示组件，渲染HTML text 。

弹框

• react-native-easy-toast：一款用于React Native上消息提示弹框组件，使用方便，支持定义Toast，支持iOS,Android。
• react-native-modal：模态框，作者已经将该组件添加到React Native，所以开发者可以直接使用Modal;
• react-native-popover：一款类似Android popupwindow的弹出框组件。

Material Design

• mrn：Material Design组件库。
• react-native-material-design：一款用于React Native上的材料设计UI组件库。

TabLayout

• react-native-scrollable-tab-view：一款用于React Native上TabLayout组件。

框架&库

• NativeBase：一款融合了ES6用于在React Native上创建创建高质量的Android&iOS APP的框架。
• tcomb-form-native：强大的表单处理控件，支持 JSON 模式，可插拔的外观和感觉。
• RNShareSDK：一款基于原生平台ShareSDK的ReactNative插件,方便RN开发者集成各大社交平台的分享和授权功能。

工具

IDE

• Nuclide：Nuclide 是 Facebook 推出的一套基于 Atom 的开发工具集。用于开发基于 Hack 的 Web 应用。提供自动完成和 JavaScript 类型检查，内建 React 开发支持，并支持 Facebook 最新的 React Native 库，支持 Facebook 的 Flow JavaScript 类型检查器。
• WebStorm：JetBrains公司出品的用于前端开发的IDE，WebStorm有着JetBrains公司IDE的优良血统，是前端工程师的一个开发神器。另外，AndroidStudio也是基于JetBrains的IDE，这对于习惯了AndroidStudio的开发者来说，WebStorm无疑是一个最佳的选择。

其他

• CodePush：CodePush 是微软提供的一套用于热更新 React Native 和 Cordova 应用的服务。
• Redux：用于JavaScript apps上的一款可预见的状态管理框架。

视频

• React.js Conf 2016

资源网站

• React Native官网
• React 官网
• React-China社区
• React Native中文社区
• React Native组件库网站
• Use React Native 资讯站

新闻&讨论

• ReactJS 真的好吗？

资源下载

• (深入浅出ES6)ES6-in-depth
• JavaScript Promise迷你书(中文版)

About

本文出自[《React Native 学习笔记》栏目。

了解更多，可以关注我的:

GitHub 微博 http://jiapenghui.com

推荐阅读

• React Native 学习笔记
• React Native Awesome(汇聚知识，分享精华)：汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等。