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

教程

React.js

React Native

文档手册

布局相关

开发调试

发布部署

ES6&ES7

项目实践&教程

系列教程

开源APP

组件

UI

Navigation

ViewPager

ListView&ScrollView

Text&Rich Content

弹框

Material Design

TabLayout

框架

库

工具

视频

新闻&讨论

一次学习，随处可写

资源下载

资源网站

React.js

React官网

React-China社区

React Native

React Native 官方文档

React Native 中文版 - 极客学院

React Native 中文版 - reactnative.cn

React Native中文社区

React Native组件库网站

Use React Native 资讯站

教程

React.js

React速学教程(上)

React速学教程(中)

React速学教程(下)

React入门教程

React Native

布局相关

React Native布局详细指南

React Native布局篇

Flex 布局语法教程

React Native探索（二）：布局篇

开发调试

React Native调试技巧与心得

教你轻松修改React Native端口(如何同时运行多个React Native、8081端口占用问题)

发布部署

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高手进阶-专栏

React Native高手进阶-专题

React Native 每日一学(Learn a little every day)

项目实践&教程

React Native项目实战视频教程


教你轻松在React Native中集成统计的功能)


React Native免费自学视频

快速创建React Native App

手把手教你构建运行React Native官方Examples

ReactNative For Android 项目实战总结

Moles：携程基于React Native的跨平台开发框架

构建 Facebook F8 2016 App / React Native 开发指南

React Native 从入门到原理

Mac(OSX)平台搭建React Native开发环境

Windows平台搭建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。

组件

UI

react-native-vector-icons ★2281：用于 React Native的可定制的图标资源库，支持 NavBar/TabBar, image source 以及样式。

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 模式，可插拔的外观和感觉。

库

react-native-launch-image：用在React Native上手动关闭iOS启动界面（Launch Screen）的工具。详细说明

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上的一款可预见的状态管理框架。

redux-react-native-i18n An i18n solution with plural forms support for React Native apps on Redux

视频

React Native项目实战视频

React Native免费自学视频

React.js Conf 2016

新闻&讨论

ReactJS 真的好吗？

一次学习，随处可写

react-native-macos：使用React Native和Cocoa组建macOS桌面应用。

react-native-web：使用React Native组建Web应用。

资源下载

(深入浅出ES6)ES6-in-depth

JavaScript Promise迷你书(中文版)javascript-promise-book.pdf)

React Native API 电子书 for mac@UIExplorer