Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/LeoMobileDeveloper/ReactNativeMaterials

React Native的中文参考资料，包括开源库，文字/视频资料，相关工具等
https://github.com/LeoMobileDeveloper/ReactNativeMaterials

List: ReactNativeMaterials

awesome chinese react react-native

Last synced: 16 days ago
JSON representation

React Native的中文参考资料，包括开源库，文字/视频资料，相关工具等

Awesome Lists containing this project

README 

        
# ReactNativeMaterials



React Native优秀博客，以及优秀的Github库列表（很多英文资料源自于[awesome-react-native](https://github.com/jondot/awesome-react-native)）



关于开源库类



- Star 100+ 🔥 

- Star 200+ 🔥🔥

- Star 500+ 🔥🔥🔥

- Star 1000+ 🔥🔥🔥🔥

- Star 2000+ 🔥🔥🔥🔥🔥 



关于博客和视频类



- 值得读读 ⭐️

- 建议阅读 ⭐️⭐️

- 强烈推荐 ⭐️⭐️⭐️



# 目录



- [网址](#网址)

- [完整开源项目](#完整开源项目)

- [Libraries (Star 100+)](#libraries)

- [中文博客](#中文博客)

- [英文博客](#英文博客)

- [视频资料](#视频资料)



## 网址



- [源代码](https://github.com/facebook/react-native)

- [官方文档](https://facebook.github.io/react-native/docs/getting-started.html#content)

- [react-native-training](https://react-native-training.github.io/react-native-elements/) 很好的RN在线学习资料 ⭐️⭐️⭐️

- [React Native中文网](http://reactnative.cn/)

- [StackOverFlow ReactNative相关问题](http://stackoverflow.com/questions/tagged/react-native)

- [React-China社区](http://react-china.org/)

- [Use React Native 资讯站](http://www.reactnative.com/)

- [Programming React Native](http://www.programmingreactnative.com/) 一本入门教程的书 

- [CSDN React Native知识库](http://lib.csdn.net/base/reactnative) 

- [Use React Native Blog](http://www.reactnative.com/)

- [Facebook Code Blog](https://code.facebook.com/)

- [Qunar React Native](http://ued.qunar.com/qrn/) 去哪儿定制版 React Native，更快、更好、更统一。

- [阮一峰老师的博客](http://www.ruanyifeng.com/blog/javascript/) 阮老师在JS的讲解上深入浅出，非常适合学习JS。



## 开源App



- [官方Demo App](https://github.com/facebook/react-native/tree/master/Examples)

- [f8app ](https://github.com/fbsamples/f8app) Facebook官方开发的，强烈推荐 🔥🔥🔥🔥🔥

- [30-days-of-react-native](https://github.com/fangwei716/30-days-of-react-native) 写了30个小项目，来学习React Native，强烈推荐 🔥🔥🔥

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

- [HackerNews-React-Native](https://github.com/iSimar/HackerNews-React-Native) HackerNews的客户端  🔥🔥🔥🔥🔥

- [react-native-gitfeed](https://github.com/xiekw2010/react-native-gitfeed) 一个github客户端 🔥🔥🔥🔥

- [ZhiHuDaily-React-Native](https://github.com/race604/ZhiHuDaily-React-Native) 知乎日报的客户端 🔥🔥🔥🔥🔥

- [noder-react-native](https://github.com/soliury/noder-react-native) cnodejs.org的App 🔥🔥🔥🔥

- [react-native-dribbble-app](https://github.com/catalinmiron/react-native-dribbble-app) Dribbble app 🔥🔥🔥🔥

- [Reading](https://github.com/attentiveness/reading) 一个值得借鉴的学习工程 🔥🔥🔥

- [react-native-nba-app](https://github.com/wwayne/react-native-nba-app) 查看NBA比赛信息和数据的APP 🔥🔥🔥🔥

- [ReactNativeNews](https://github.com/tabalt/ReactNativeNews) 一个简单的新闻客户端 🔥🔥

- [react-native-demo](https://github.com/hugohua/react-native-demo) 模仿天猫首页的Demo 🔥🔥

- [ReactNativeRedditReader](https://github.com/akveo/react-native-reddit-reader) RedditReader 🔥🔥

- [FinanceReactNative](https://github.com/7kfpun/FinanceReactNative) 金融股票类App 🔥🔥🔥

- [react-native-nw-react-calculator](https://github.com/benoitvallon/react-native-nw-react-calculator) mobile，desktop，website通用的代码写的计算器 🔥🔥🔥🔥🔥

- [snowflake](https://github.com/bartonhammond/snowflake) 用Redux, RN Router，Parse写的App。 🔥🔥🔥🔥🔥

- [lumpen-radio](https://github.com/jhabdas/lumpen-radio) WLPN 105.5 Chicago  🔥

- [react-native-sudoku](https://github.com/nihgwu/react-native-sudoku) 数独游戏 🔥🔥🔥🔥

- [TaskRabbit's Sample App](https://github.com/taskrabbit/ReactNativeSampleApp) Task Rabbit的Demo App

- [PhotosReactNative](https://github.com/7kfpun/PhotosReactNative) 一个带图案锁屏的开源看图App

- [movieapp](https://github.com/JuneDomingo/movieapp) 查看电影和电视节目的App 🔥🔥

- [what_the_thing](https://github.com/vigzmv/what_the_thing) 通过摄像头来学习“这是什么东西” 🔥🔥

- [react-native-live-translator](https://github.com/agrcrobles/react-native-live-translator) AR应用，实时翻译摄像头中看到的信息

- [虎扑社区](https://github.com/bluedaniel/Kakapo-native) 虎扑社区 🔥

- [vecihi](https://github.com/yasintoy/vecihi) Build Your Own Photo Sharing App in 5 minutes

- [react-weather](https://github.com/stage88/react-weather) 基于React Native和Realm的天气应用



## Libraries



### 综合



- [storybook](https://github.com/storybooks/storybook) 🔥🔥🔥🔥🔥 为React和React Native提供交互式开发和测试环境

- [awesome-react-native](https://github.com/jondot/awesome-react-native) 老外搜集的优秀的React Native文章，库（资料很全）🔥🔥🔥🔥🔥

- [react-native-guide](https://github.com/reactnativecn/react-native-guide#%E5%9B%BE%E4%B9%A6) 一国内小哥搜集的React Native的参考资料 🔥🔥🔥🔥🔥

- [React-native组件库js.coach](https://js.coach/) 🔥🔥🔥🔥🔥

- [React Native Package Manager](https://github.com/rnpm/rnpm) 🔥🔥🔥🔥🔥

- [react-native-desktop](https://github.com/ptmt/react-native-desktop) 为MacOS开发提供的React Native开发包 🔥🔥🔥🔥🔥

- [tcomb-form-native](https://github.com/gcanti/tcomb-form-native) 生成React native froms 🔥🔥🔥🔥

- [React Native training](https://www.gitbook.com/book/unbug/react-native-training/details) Github Book，入门级资料 🔥🔥

- [pepperoni-app-kit](https://github.com/futurice/pepperoni-app-kit) React Native App 开发的一组通用组件 🔥🔥🔥🔥

- [haul](https://github.com/callstack-io/haul) 辅助开发React Native的命令行工具 🔥🔥🔥🔥

- [react-native-rename](https://github.com/junedomingo/react-native-rename) 命令行重命名App名称

- [native-starter-kit](https://github.com/start-react/native-starter-kit) React Native + NativeBase + React Navigation + Redux + CodePush (iOS & Android) 开发的App

- [eact-native-i18n](https://github.com/AlexanderZaytsev/react-native-i18n) React Native + i18n.js

- [sketch-to-react-native](https://github.com/nanohop/sketch-to-react-native) 把Sketch转换成React Native的Component

- [reactxp](https://github.com/Microsoft/reactxp) App跨平台开发方案 🔥🔥🔥🔥🔥



### UI



- [React-Native-Elements](https://github.com/react-native-community/React-Native-Elements) 一组开发RN的UI工具包（强烈推荐） 🔥🔥🔥🔥🔥

- [NativeBase](https://github.com/GeekyAnts/NativeBase) UI工具包 🔥🔥🔥🔥🔥

- [react-native-ui-lib](https://github.com/wix/react-native-ui-lib) UI工具包 🔥🔥🔥

- [teaset](https://github.com/rilyu/teaset) UI工具包

- [Shoutem UI](https://github.com/shoutem/ui) Shoutem开发的UI工具包 🔥🔥🔥🔥

- [react-native-root-toast](https://github.com/magicismight/react-native-root-toast) 纯JS写的Toast 🔥🔥🔥

- [react-native-calendars](https://github.com/wix/react-native-calendars) 🔥🔥🔥🔥 优秀的日历控件

- [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) 聊天相关UI 🔥🔥🔥🔥🔥

- [react-native-scrollable-tab-view](https://github.com/brentvatne/react-native-scrollable-tab-view) 可滚动的TabView 🔥🔥🔥🔥🔥

- [lottie-react-native](https://github.com/jondot/awesome-react-native) 支持RN的lottie，用来直接播放AE输出的JSON动画 🔥🔥🔥🔥🔥

- [apsl-react-native-button](https://github.com/APSL/react-native-button)  定义了一个Button支持用Style来配置 🔥🔥

- [react-native-action-button](https://github.com/APSL/react-native-button) 支持多种点击事件的Button控件 🔥🔥

- [react-native-button](https://github.com/ide/react-native-button) 另一个Button组件 🔥🔥

- [ex-navigator](https://github.com/exponentjs/ex-navigator) 封装Navigator,以Route为中心的Navigator 🔥🔥

- [gl-react-native](https://github.com/ProjectSeptemberInc/gl-react-native) React Native中使用OPENGL来实现复杂的图片和components渲染 🔥🔥🔥

- [react-native-calendars](https://github.com/wix/react-native-calendars) 🔥🔥🔥🔥🔥 日历

- [react-native-datepicker](https://github.com/xgfe/react-native-datepicker) 时间选择  🔥🔥🔥🔥

- [react-native-activity-view](https://github.com/naoufal/react-native-activity-view) iOS上的分享和action sheets组件 🔥🔥

- [react-native-app-intro](https://github.com/FuYaoDe/react-native-app-intro) 引导页 🔥🔥

- [react-native-blur](https://github.com/react-native-fellowship/react-native-blur)  添加模糊或者毛玻璃效果 🔥🔥🔥

- [react-native-calendar](https://github.com/christopherdro/react-native-calendar) 日历 🔥

- [react-native-chart](https://github.com/tomauty/react-native-chart) 绘图（折线图，柱状图，扇形图） 🔥🔥🔥

- [react-native-circular-progress](https://github.com/bgryszko/react-native-circular-progress) 圆形的显示进度的视图 🔥

- [react-native-collapsible](https://github.com/oblador/react-native-collapsible) 可折叠的component 🔥

- [React Native Drawer](https://github.com/root-two/react-native-drawer) 抽屉效果，可 用来实现侧拉菜单 🔥🔥🔥

- [react-native-dropdown](https://github.com/alinz/react-native-dropdown)下拉菜单 🔥

- [ReactNativeEffectsView](https://github.com/voronianski/react-native-effects-view) 封装了iOS 8上的UIVisualEffectViews，在React Native中实现毛玻璃效果 🔥

- [react-native-gesture-password](https://github.com/spikef/react-native-gesture-password) 手势解锁，支持iOS和Android 🔥

- [react-native-gifted-form](https://github.com/FaridSafi/react-native-gifted-form) 在React Native中方便的使用表格 🔥🔥

- [react-native-gifted-listview](https://github.com/FaridSafi/react-native-gifted-listview) 下拉刷新和上拉加载的ListView 🔥🔥

- [react-native-gifted-messenger](https://github.com/FaridSafi/react-native-gifted-messenger) 方便的实现聊天UI 🔥🔥🔥🔥

- [react-native-grid-view](https://github.com/lucholaf/react-native-grid-view) 网格视图，类似iOS中的UICollectionView 🔥

- [react-native-image-picker](https://github.com/marcshilling/react-native-image-picker) 用Native UI来选择图片或者拍照 🔥🔥🔥

- [react-native-keyboard-spacer](https://github.com/Andr3wHur5t/react-native-keyboard-spacer) 适用于iOS的根据键盘自动调整输入框 🔥🔥

- [react-native-keyboardevents](https://github.com/johanneslumpe/react-native-keyboardevents) 监听键盘显示/隐藏 🔥

- [react-native-lightbox](https://github.com/oblador/react-native-lightbox) 图片全屏预览 🔥🔥🔥

- [react-native-looped-carousel](https://github.com/appintheair/react-native-looped-carousel) 视图轮播 🔥🔥

- [react-native-mapbox-gl](https://github.com/mapbox/react-native-mapbox-gl) 地图 🔥🔥

- [react-native-maps](https://github.com/lelandrichardson/react-native-maps) 地图 🔥🔥🔥🔥

- [react-native-material-design](https://github.com/react-native-material-design/react-native-material-design)  material design 🔥🔥🔥

- [react-native-material-kit](https://github.com/xinthink/react-native-material-kit) 一组UI Components，为了介绍  [Material Design](http://www.google.com/design/spec/material-design/introduction.html) 🔥🔥🔥🔥

- [react-native-modalbox](https://github.com/maxs15/react-native-modalbox) 用于模态显示的Component 🔥🔥

- [react-native-orientation](https://github.com/yamill/react-native-orientation) 监听设备旋转 🔥

- [react-native-parallax](https://github.com/oblador/react-native-parallax) parallax效果 🔥

- [react-native-parallax-scroll-view](https://github.com/jaysoo/react-native-parallax-scroll-view) 视差滚动效果的ScrollView，支持固定header

- [react-native-picker](https://github.com/beefe/react-native-picker) 选择器，可用于实现时间选择，区域选择 🔥

- [react-native-popover](https://github.com/jeanregisser/react-native-popover) 弹出气泡框的Component 🔥

- [react-native-progress-hud](https://github.com/naoufal/react-native-progress-hud) ProgressHUD 🔥

- [react-native-refresher](https://github.com/syrusakbary/react-native-refresher) 支持下拉刷新的listview 🔥🔥

- [react-native-router](https://github.com/t4t5/react-native-router)类似Navigator的导航控制器 🔥🔥🔥🔥

- [react-native-scrollable-tab-view](https://github.com/skv-headless/react-native-scrollable-tab-view) 支持左右滚动的来切换tab的tableview 🔥🔥🔥🔥

- [react-native-controllers](https://github.com/wix/react-native-controllers) 封装了 原生的iOS 导航栏，tabbar，抽屉效果等。 🔥🔥

- [react-native-search-bar](https://github.com/umhan35/react-native-search-bar) 封装iOS原生UISearchBar 🔥🔥

- [react-native-spinkit](https://github.com/maxs15/react-native-spinkit) 一组Activity指示器 🔥🔥

- [react-native-splashscreen](https://github.com/remobile/react-native-splashscreen) App载入视图，启动后自动隐藏 🔥

- [react-native-svgkit](https://github.com/brentvatne/react-native-svgkit) 显示SVG格式图片 🔥🔥

- [react-native-swipeout](https://github.com/dancormier/react-native-swipeout) 类似TableViewCell的左滑删除，支持Component滑动 🔥🔥🔥

- [react-native-swiper](https://github.com/leecade/react-native-swiper) 视图轮播，上下/左右滑动组件,类似UICollectionView  🔥🔥🔥🔥

- [react-native-tableview](https://github.com/jondot/awesome-react-native) 封装iOS原生UITableview

- [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) 3000+支持自定义的图标  🔥🔥🔥🔥

- [react-native-sglistview](https://github.com/sghiassy/react-native-sglistview) 为了解决React Native中ListView的内存问题 🔥

- [react-native-invertible-scroll-view](https://github.com/exponentjs/react-native-invertible-scroll-view) 逆向的ScrollView，从底部开始布局，适用于聊天等向上滑动来加载更多的情况 🔥

- [react-native-viewpager](https://github.com/race604/react-native-viewpager) 视图轮播，支持循环滚动，自定义视图。已做性能优化 🔥🔥🔥

- [react-native-tab-navigator](https://github.com/exponentjs/react-native-tab-navigator) TabBar切换视图 🔥🔥

- [react-native-loading-spinner-overlay](https://github.com/niftylettuce/react-native-loading-spinner-overlay) 加载中的提示spinner 🔥,支持iOS/Android

- [react-native-color-picker](https://github.com/instea/react-native-color-picker) iOS/Android通用的颜色选择器

- [react-native-pathjs-charts](https://github.com/capitalone/react-native-pathjs-charts) - 基于react-native-svg 和 paths-js写的iOS，Android通用的绘图库 🔥

- [react-native-gl-model-view](https://github.com/rastapasta/react-native-gl-model-view) - 显示/动画 Wavefront，.OBJ等3D对象(iOS)

- [react-native-message-bar](https://github.com/KBLNY/react-native-message-bar) 在屏幕底部/顶部展示通知

- [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image) 高性能的图片组件

- [react-native-search-box](https://github.com/crabstudio/react-native-search-box) 纯JS写的类似iOS SearchBar的组件

- [react-native-splash-screen](https://github.com/crazycodeboy/react-native-splash-screen) A splash screen for react-native, hide when application loaded ,it works on iOS and Android. 🔥🔥🔥🔥

- [rn-placeholder](https://github.com/mfrachet/rn-placeholder) 🔥 空数据的站位符，很适合用来做列表占位符

+* [react-native-shimmer-placeholder ★115](https://github.com/tomzaku/react-native-shimmer-placeholder) 🔥具有shimmer的占位UI



- [react-native-paper](https://github.com/callstack/react-native-paper.git) Material design for React Native.

- [authing-rn-sdk](https://github.com/Authing/authing-rn-sdk) 🔥🔥🔥🔥由 Authing 开发的，快速接入支付宝、微信等 APP 登录，以及免代码开发支持邮箱密码、用户名密码、手机验证码登录的 UI。



### 文本相关



- [react-native-markdown](https://github.com/lwansbrough/react-native-markdown) 支持markdown的component 🔥



### 工具



- [react-native-mock](https://github.com/RealOrangeOne/react-native-mock) 一个为ReactNative提供的测试框架 🔥🔥

- [react-native-google-analytics](https://github.com/lwansbrough/react-native-google-analytics)  google统计分析 🔥

- [react-native-fabric](https://github.com/corymsmith/react-native-fabric) 统计分析，崩溃分析等 🔥🔥

- [react-native-macos](https://github.com/ptmt/react-native-macos) 为mac OS服务的React Native

- [react-native-wechat](https://github.com/weflex/react-native-wechat) 调用微信相关，比如分享，登录，支付 🔥🔥

- [reactotron](https://github.com/skellock/reactotron) 在终端检测React Dom和Reactive App 🔥🔥🔥

- [react-native-windows](https://github.com/ReactWindows/react-native-windows) Windows平台的RN工具 🔥🔥🔥

- [react-native-webpack-server](https://github.com/mjohnston/react-native-webpack-server) 用Webpack来编译React Native App

- [aws-sdk-react-native](https://github.com/awslabs/aws-sdk-react-native) AWS的官方SDK 🔥🔥

- [react-native-ab] (https://github.com/lwansbrough/react-native-ab)  A/B Test 🔥🔥



### 系统相关



- [react-native-device-info](https://github.com/rebeccahughes/react-native-device-info) 获取设备信息 🔥🔥

- [react-native-barcodescanner](https://github.com/ideacreation/react-native-barcodescanner) 扫码 🔥

- [react-native-contacts](https://github.com/rt2zz/react-native-contacts) 访问通讯录 🔥

- [react-native-fs](https://github.com/johanneslumpe/react-native-fs) 访问本地文件系统 🔥🔥

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

- [react-native-touch-id](https://github.com/naoufal/react-native-touch-id) 调用TouchID认证 🔥

- [react-native-fcm](https://github.com/evollu/react-native-fcm) - firebase cloud messaging 和 local notification 🔥🔥

- [react-native-permissions](https://github.com/yonahforst/react-native-permissions) 统一管理安卓和iOS的权限🔥🔥

- [react-native-geocoder]((https://github.com/devfd/react-native-geocoder) 地理编码处理 🔥🔥

- [react-native-offline](https://github.com/rauliyohmc/react-native-offline) 🔥🔥🔥 处理网络离线/在线切换

- [react-native-sensors](https://github.com/react-native-sensors/react-native-sensors) 传感器



### Web相关

- [react-native-safari-view](https://github.com/naoufal/react-native-safari-view) 封装iOS中的 [Safari View Controller](https://developer.apple.com/videos/wwdc/2015/?id=504)  🔥

- [react-native-webview-android](https://github.com/lucasferreira/react-native-webview-android) 封装了Android中的Webview 🔥

- [react-native-webrtc](https://github.com/oney/react-native-webrtc) A WebRTC module for React Native. 🔥🔥

 

## 动画



- [react-native-animatable](https://github.com/oblador/react-native-animatable) 封装了很多动画，强烈推荐 🔥🔥🔥🔥

- [react-native-interactable](https://github.com/wix/react-native-interactable) 交互式动画 🔥🔥🔥🔥

- [react-native-spruce](https://github.com/prscX/react-native-spruce) React Native对[Spruce](https://github.com/willowtreeapps/spruce-ios)的封装



### 数据存储



- [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) iOS／Android上的Sqlite3封装 🔥🔥

- [react-native-store](https://github.com/thewei/react-native-store) 封装了react-native AsyncStorage 🔥🔥

- [realm-js](https://github.com/realm/realm-js) 用JS来调用Realm 🔥🔥🔥🔥

- [react-native-fetch-blob](https://github.com/wkh237/react-native-fetch-blob) 更容易的访问文件和交换数据（本地，网络） 🔥🔥🔥



### 多媒体

-  [react-native-camera ](https://github.com/lwansbrough/react-native-camera) 相机组件 🔥🔥🔥🔥

-  [react-native-video](https://github.com/brentvatne/react-native-video) 视频组建 🔥🔥🔥🔥

-  [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker) 图片选择器，支持对图片进行切割 🔥

-  [react-native-video-processing](https://github.com/shahen94/react-native-video-processing) 视频编辑，调整，滤镜



### 其他

- [react-native-css](https://github.com/sabeurthabti/react-native-css) 用CSS的方式对Component进行Style 🔥🔥

- [react-native-extended-stylesheet](https://github.com/vitalets/react-native-extended-stylesheet) 对stylesheet进行扩展 🔥🔥



## 中文资料



### 宏观介绍



- [如何评价 React Native？(知乎)] (https://www.zhihu.com/question/27852694)

- [跨平台开发时代的 (再次) 到来？（ Xamarin，NativeScript 和 React Native 对比）](http://onevcat.com/2015/03/cross-platform/- ) ⭐️⭐️

- [React Native概述：背景、规划和风险](http://div.io/topic/938) ⭐️⭐️

- [使用React Native一年后的感受](http://www.dobest.me/blog/2016/06/12/%E4%BD%BF%E7%94%A8React%20Native%E4%B8%80%E5%B9%B4%E5%90%8E%E7%9A%84%E6%84%9F%E5%8F%97/)  ⭐️⭐️

- [React Native通信机制详解](http://blog.cnbang.net/tech/2698/) ⭐️⭐️⭐️

- [[深入ReactNative]第一篇 通讯及消息循环代码剖析](http://www.jianshu.com/p/269b21958030) ⭐️⭐️⭐️

- [旅行喵 React Native 技术实践](http://www.jianshu.com/p/bf3e222c102a)  ⭐️⭐️⭐️



### 技术细节



- [一个上架了的React Native项目实战总结](http://www.devio.org/2016/10/24/%E4%B8%80%E4%B8%AA%E4%B8%8A%E6%9E%B6%E4%BA%86%E7%9A%84React-Native%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98%E6%80%BB%E7%BB%93/)

- [react组件间通信](http://www.alloyteam.com/2015/07/react-zu-jian-jian-tong-xin/) ⭐️⭐️

- [React Native 之 JSBridge](http://www.alloyteam.com/2015/05/react-native-zhi-jsbridge/)  ⭐️⭐️

- [ReactNative iOS源码解析（一）](http://awhisper.github.io/2016/06/24/ReactNative%E6%B5%81%E7%A8%8B%E6%BA%90%E7%A0%81%E5%88%86%E6%9E%90/ )⭐️⭐️⭐️

- [ReactNative iOS源码解析（二）](http://awhisper.github.io/2016/07/02/ReactNative%E6%BA%90%E7%A0%81%E5%88%86%E6%9E%902/) ⭐️⭐️⭐️

- [IDE(Atom+Nuclide）搭建和简单使用](http://blog.csdn.net/hello_hwc/article/details/51612139) ⭐️⭐️⭐️

- [FlexBox入门图解](http://blog.csdn.net/hello_hwc/article/details/51480458) ⭐️⭐️

- [React Native开发之动画(Animations)](http://blog.csdn.net/hello_hwc/article/details/51775696)⭐️⭐️

- [写给移动开发者的 React Native 指南](http://www.jianshu.com/p/b88944250b25) ⭐️⭐️⭐️

- [在react-native中使用redux](https://www.jianshu.com/p/2c43860b0532) ⭐️⭐️⭐️



## 英文资料



- [React Native: Bringing modern web techniques to mobile](https://code.facebook.com/posts/1014532261909640/react-native-bringing-modern-web-techniques-to-mobile/) ⭐️⭐️

- [React Native and WebRTC](https://webrtchacks.com/reacting-to-react-native-for-native-webrtc-apps-alexey-aylarov/) ⭐️

- [Writing Android Components](https://medium.com/@sejoker/writing-android-component-for-react-native-e34802bf3377) ⭐️

- [Android Performance](https://facebook.github.io/react-native/docs/android-ui-performance.html) ⭐️⭐️

- [A Dynamic Crazy Native Mobile Future Powered by Javascript](https://medium.com/@clayallsopp/a-dynamic-crazy-native-mobile-future-powered-by-javascript-70f2d56b1987) ⭐️

- [Build a Weather app](https://cloneable.io/p/build-a-fucking-weather-app) 用RN创建一个天气应用教程 ⭐️⭐️⭐️

- [Better List Views in React Native](https://facebook.github.io/react-native/blog/2017/03/13/better-list-views.html) 性能更好的

ListView



### JS相关



- [es6features](https://github.com/lukehoban/es6features#readme) 详细介绍了ES6的新特性，RN是支持ES6的，强烈推荐 ⭐️⭐️⭐️

- [React 入门实例教程](http://www.ruanyifeng.com/blog/2015/03/react.html) 阮一峰老师的React入门文章，强烈推荐 ⭐️⭐️⭐️

- [React 技术栈系列教程](http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html)  ⭐️⭐️⭐️



### 技术细节



- [Routing and Navigation in React Native](http://blog.paracode.com/2016/01/05/routing-and-navigation-in-react-native/) ⭐️⭐️

- [Unit Testing React Native with Mocha and Enzyme](https://blog.formidable.com/unit-testing-react-native-with-mocha-and-enzyme-51518f13ba73) ⭐️⭐️⭐️

- [Routing and Navigation in React Native](http://blog.paracode.com/2016/01/05/routing-and-navigation-in-react-native/) ⭐️⭐️

- [Unit Testing React Native with Mocha and Enzyme](https://blog.formidable.com/unit-testing-react-native-with-mocha-and-enzyme-51518f13ba73) ⭐️⭐️⭐️

- [test-driving-react-native-applications](http://www.multunus.com/blog/2016/07/test-driving-react-native-applications/) ⭐️⭐️⭐️

- [react-native-tutorial-part-1-hello-react](https://kylewbanks.com/blog/react-native-tutorial-part-1-hello-react) ⭐️⭐️

- [Creating "Droppable" Components with Animated and PanResponder](http://www.yoniweisbrod.com/droppable-items-with-react-native-animated/) ⭐️⭐️⭐️

- [Basics of using react-native-router-flux](https://medium.com/@spencer_carli/react-native-basics-using-react-native-router-flux-f11e5128aff9#.di5mvrbdr)

- [How to Use the ListView Component](https://medium.com/@spencer_carli/react-native-basics-how-to-use-the-listview-component-a0ec44cf1fe8#.ur0hyi3h9)⭐️⭐️



## 视频资料



Tips:部分视频资料来自Youtube，可以用[Lantern](https://github.com/getlantern/lantern)翻墙

- [React Conf 2018](https://www.youtube.com/playlist?list=PLPxbbTqCLbGE5AihOSExAa4wUM-P42EIJ)

- [React Conf 2017](https://www.youtube.com/playlist?list=PLb0IAmt7-GS3fZ46IGFirdqKTIxlws7e0)

- [React.js Conf 2016](https://facebook.github.io/react-native/docs/videos.html) ⭐️⭐️⭐️

- React Conf 2015: [Introducing React Native](https://youtu.be/KVZ-P-ZI6W4) ⭐️⭐️⭐️

- React Conf 2015: [A Deep Dive into React Native](https://youtu.be/7rDsRXj9-cU) ⭐️⭐️⭐️

- F8 2015: [React Native and Relay](https://www.youtube.com/watch?v=X6YbAKiLCLU) ⭐️⭐️

- [Let's build a React Native app in 20 minutes](https://www.youtube.com/watch?v=9ArhJiMGVDc) ⭐️

- Pluralsight.com: [Build iOS Apps with React Native](http://www.pluralsight.com/courses/build-ios-apps-react-native) ⭐️