crazycodeboy/react-native-awesome

React Native 学习资源精选仓库(汇聚知识，分享精华)汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等，只求精不求全。

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 Native+Redux打造高质量上线App
• Redux开发实用教程
• React Native+react-navigation+redux开发实用教程
• React Native+Redux开发实用教程
• React Native开发之必备React基础
• 『React Navigation 3x系列教程』createDrawerNavigator开发指南
• 『React Navigation 3x系列教程』createMaterialTopTabNavigator开发指南
• 『React Navigation 3x系列教程』之createBottomTabNavigator开发指南
• 『React Navigation 3x系列教程』之React Navigation 3x开发指南
• 『React Navigation 3x系列教程』之createStackNavigator开发指南
• React Native 混合开发(Android篇)
• React Native 混合开发(iOS篇)
• React Native年度报告(2017-2018)
• React Native0.50+开发指导
• React Native 开发适配心得
• React Native 集成分享第三方登录功能分享第三方登录模块开发(iOS)
• React Native 集成分享第三方登录功能分享第三方登录模块开发(Android)
• 教你轻松在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开发环境

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)

开源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+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迷你书(中文版)
• React Native API 电子书 for mac@UIExplorer

react-native-awesome's Issues

“react-native-gifted-form 在React Native中方便的使用表格” （应该是表单～）

开源自荐

您好老师，能在这里自荐React Native开源项目吗？

C-Shopping-RN APP

这个是一个React Native(Expo) 开发的完整App应用，是一个精美的电商购物应用

使用技术

• React Native
• Redux Toolkit
• RTK Query
• Expo Router
• NativeWind

App开源地址：https://github.com/huanghanzhilian/c-shopping-rn
全栈开源地址：https://github.com/huanghanzhilian/c-shopping

Swipeout not work

Swipeout https://github.com/dancormier/react-native-swipeout not work for the latest RN version. (Confirmed)

Wrong description in read

The following section:

一次学习，随处可写

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

Should be updated to:

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