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、资源下载、以及相关新闻等。
#reactnative