您的位置:首页 > Web前端 > React

React Native 学习资源精选仓库(汇聚知识,分享精华)

2016-12-27 11:25 791 查看
React Native Awesome 汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等,只求精不求全。
https://github.com/crazycodeboy/react-native-awesome
如果你是一名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中文网
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应用部署/热更新-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。


组件


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.js Conf 2016


新闻&讨论

ReactJS 真的好吗?


一次学习,随处可写

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


资源下载

(深入浅出ES6)ES6-in-depth
JavaScript
Promise迷你书(中文版)
React Native
API 电子书 for mac@UIExplorer
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: