awesome-react-native 收集最好的React Native库,工具,教程,文章(上篇)

awesome-react-native 收集最好的React Native库,工具,教程,文章(上篇)_第1张图片
image

分类

  • 分类
    • 会议
      • 连锁反应 - 波特兰,或者美国
      • React Native EU - 弗罗茨瓦夫,波兰
      • React Alicante - 西班牙阿利坎特
      • ReactNext - 以色列特拉维夫
      • React Berlin - 柏林,德国
    • 用品
      • 参考
      • HOWTO文档
      • 持续集成
      • 内幕
    • 组件
      • UI
      • 导航
        • 导航/路由文章
        • 导航演示
      • 深层链接
      • 文字和丰富的内容
      • Analytics(分析)
      • Utils&Infra
      • 形式
      • 地理位置
      • 国际化
      • 建设与发展
      • 造型
      • 系统
      • 卷筒纸
      • 媒体
      • 存储
      • 后端
      • 集成
      • 货币化
      • 动画
      • 延期
      • 其他平台
    • 公用事业
    • 种子
    • 图书馆
    • 开源应用程序
    • 构架
    • 教程
    • 图书
    • 影片
      • 会谈
      • 培训和教程
    • 博客
    • 简讯
    • 发布

非常感谢贡献者名单上的每个人\ :)

会议

专门针对React Native的会议。可以在ReactJS站点上找到React常规会议列表。

连锁反应 - 波特兰,或者美国

http://chainreactconf.com

研讨会 - 2018年7月11日\会议 - 2018年7月12日至13日

React Native EU - 弗罗茨瓦夫,波兰

http://react-native.eu/

研讨会 - 2018年9月3日至4日\会议 - 2018年9月5日至6日

React Alicante - 西班牙阿利坎特

http://reactalicante.es/

研讨会 - 2018年9月13日\会议 - 2018年9月14日至15日

ReactNext - 以色列特拉维夫

https://react-next.com/

会议 - 2018年11月4日

React Berlin - 柏林,德国

https://reactday.berlin/

会议 - 2018年11月30日

App.js Conf - 波兰克拉科夫

https://appjs.co/

会议 - 2019年4月4日研讨会 - 2019年4月5日

连锁反应 - 波特兰,或者美国

https://infinite.red/ChainReactConf

研讨会 - 2019年7月10日会议 - 2019年7月11日至12日

用品

内容发布在网上。

参考

  • React Native Styling Cheatsheet★2679

HOWTO文档

  • 如何使用React Native★4添加Firebase Auth
  • 如何将React Navigation 1.x升级到2.x.
  • 如何将React Native Navigation v2与Redux和Google Analytics一起使用
  • 反应导航抽屉
  • Windows上的React Native Development入门
  • 适用于Windows的React Native Development入门
  • 成为React Native Developer的蓝图
  • 如何使用ListView组件
  • 如何在react-native上传照片/文件
  • 在Github Pull Request上预览您的Android和iOS React Native应用程序
  • 在React Native Android应用中更改启动画面
  • 使用OneSignal进行远程推送通知
  • 将React Native App发布到Android Play商店
  • 今天React Native和Apple TV
  • 使用React Native记录和上传视频
  • 如何设置您的第一个React Native应用程序
  • 在TypeScript中使用React Native
  • 如何使用React Native和NewsAPI构建新闻阅读器应用程序
  • 如何使用React Native构建实时徽标检测应用程序
  • 使用Dialogflow和React Native构建一个Chatbot

  • 以优雅的方式版本化反应原生应用程序(跨平台)★10
  • 构建大规模反应应用程序的最佳实践
  • React Native - Nic或Not App
  • 反应和反应原住民博物馆
  • 我在我的应用中使用的前15个React Native库
  • 在一个夏天构建3个React Native应用程序
  • React Native:将现代网络技术引入移动设备
  • 使用React Native的第一印象
  • 包装Cocoapods为React Native
  • React Native:初步想法(意见)
  • 由Javascript支持的动态疯狂原生移动未来
  • ReactNative NES&More
  • React Native安装和设置
  • 使用React Native构建iOS应用程序的日记
  • 反思React Native开发
  • React-Native布局示例
  • React Native in production - 来自Clay Allsop的笔记
  • React Native上的iOS开发人员
  • React Native和WebRTC
  • 如何桥接Swift视图
  • 如何选择正确的React Native数据库
  • 使用Redux构建原生SoundCloud Android应用程序 - 讨论Android上的 redux,代码重用和性能。
  • React Native Twitter爆炸心脏 - 动画和ReactART的硬核动画
  • 使用AI发现UI组件 - 有趣的图像处理/ AI辅助流程来发现和生成React Native UI
  • 编写Android组件
  • 单元测试用摩卡和酶反应原生
  • React Native的布局动画非常棒
  • 避免使用键盘
  • 如何在React Native中使用OpenCV进行图像处理
  • 使用带有React Native的样式化组件
  • 使用Google Vision API创建React原生图像识别应用

持续集成

  • 使用Fastlane部署React Native应用程序
  • 使用Fastlane和Bitrise(iOS)实现React Native应用程序的持续集成
  • 如何在Bitrise CI上自动化Android构建过程
  • 适用于React Native iOS和Android应用程序DevOps的fastlane
  • 自动交付React Native Application的最简单方法
  • 21个React Native的有用开源软件包

内幕

  • 性能
  • React Native Debugger Internals
  • Dirty-up并执行自上而下 - @vjeux对React的背景颜色,布局等进行了优化
  • 优化React Native
  • 潜入React Native Performance
  • 等等......当我的React Native应用程序启动时会发生什么? - 深入了解React Native

组件

组件和本机模块。

UI

  • lottie-react-native★10415 - 适用于Android和iOS的移动库,用于解析使用bodymovin导出为JSON的Adobe After Effects动画,并在移动设备上呈现它们!

  • react-native-vector-icons★9985 - React Native的可自定义图标,支持NavBar / TabBar,图像源和完整样式。从3000多个捆绑图标中选择或使用您自己的图标。

  • react-native-maps★8388 - 用于iOS + Android的React Native Map组件

  • react-native-swiper★6955 - React Native的最佳Swiper组件。

  • react-native-gifted-chat★6546 - React Native(以前称为Gifted Messenger)最完整的聊天用户界面

  • react-native-scrollable-tab-view★5664 - React Native的可滚动选项卡视图

  • react-native-image-picker★4709 - 一个React Native模块,允许您使用本机UIImagePickerController UI从设备库或直接从相机中选择照片。

  • react-native-material-kit★4124 - 带来材料设计以反应原生

  • react-native-snap-carousel★3959 - 用于React Native的Swiper组件,具有预览,多种布局,视差图像,大量项目的高效处理以及RTL支持

  • react-native-calendars★3402 - React Native Calendar Components

  • react-native-ui-kitten★3140 - 可定制和可重复使用的反应原生组件套件

  • react-native-svg★2982 - 适用于iOS和Android的SVG库

  • react-native-image-crop-picker★2736 - iOS / Android图像选择器,支持多个图像和裁剪

  • react-native-splash-screen★2663 - 反应原生的启动画面,在加载应用程序时隐藏,它适用于iOS和Android。

  • react-native-material-ui★2536 - React Native的高度可定制的材料设计组件

  • react-native-app-intro★2433 - React Native视差效果应用程序介绍

  • react-native-drawer★2276 - React Native Drawer

  • react-native-typography★2260 React Native的Pixel完美,原生外观印刷样式

  • react-native-fast-image★2240 - FastImage,高性能的React Native图像组件。

  • react-native-paper★2218 - React Native的材料设计

  • react-native-swipeout★2194 - 组件后面的iOS风格的swipeout按钮

  • react-native-blur★2172 - React Native Blur组件

  • react-native-progress★2069 - 使用ReactART的React Native的进度指示器和微调器。

  • react-native-textinput-effects★2062 - 带有iOS和Android自定义标签和图标动画的文本输入。由Codrops本土和灵感反应而建。

  • react-native-modalbox★2043 - 反应原生的组件

  • react-native-lightbox★1917 - 一个非常光滑和现代的移动灯箱实现

  • react-native-action-button★1762 - React Native的可定制浮动按钮组件

  • gl-react-native★1750 - 使用OpenGL对图像和视频进行高效处理

  • react-native-modal★1728 - 增强的,动画的和可定制的反应原生模态

  • nachos-ui★1684 - 用于React Native的NACHOS UI工具包。从一堆预先编码的UI组件中挑选,为JavaScript或React中的下一个kick-ass应用做好准备。

  • react-native-mapbox-gl★1663 - Mapbox GL反应原生模块,用于创建自定义地图

  • react-native-foldview★1616 - React Native中的动画FoldingCell实现

  • react-native-spinkit★1585 - React Native的动画加载指示器集合

  • react-native-recyclerlist★1515 - React Native和Web的高性能列表视图,支持复杂的布局。

  • react-native-parallax-scroll-view★1486 - 类似ScrollView的组件,具有视差和粘性标头支持。

  • react-native-chart★1464 - React-native-chart是一个简单的模块,用于为您的React Native应用程序添加折线图,面积图或条形图。

  • react-native-gifted-listview★1443 - 一个ListView,它嵌入了一些循环功能,如pull-to-refresh,无限滚动等等,适用于Android和iOS React-Native应用程序

  • react-native-datepicker★1365 - 针对Android和IOS的React Native日期,日期时间和时间选择器

  • react-native-viewpager★1350 - React Native的ViewPager组件

  • react-virgin★1319你一直在寻找的本地反应原理UI套件。

  • react-native-easy-grid★1304 - React Native的简易响应网格布局。

  • victory-native★1264 - Victory-native是一系列组件,可帮助您创建图表,条形图等。

  • react-native-picker★1238 - react-native-picker

  • react-native-collapsible★1174 - React Native的动画可折叠组件,使用带有后备的新动画API。适合手风琴,切换等

  • react-native-icons★1168 - React Native 视频中的快速简单图标

  • react-native-orientation★1162 - 在本机反应中监听设备方向的变化,并在屏幕到屏幕的基础上设置首选方向

  • react-native-tableview★1105 - React Native的原生iOS TableView包装器

  • react-native-keyboard-spacer★1103 - 即插即用反应 - 本机键盘间隔视图。

  • react-native-loop-carousel★1094 - 创建循环的视图或图像轮播

  • react-native-circular-progress★1088 - React Native组件,用于使用ReactART创建动画循环进度

  • react-native-popup-dialog★1088 - React Native弹出对话框轻松使用和支持使用自定义动画。对于IOS和Android

  • react-native-largelist★1054 - React Native(iOS和Android)的最佳性能大型列表组件

  • react-native-offline★977 - Handy toolbelt可以很好地处理React Native应用程序中的离线/在线连接。顺利的redux集成。

  • react-native-root-toast★971 - React native toast like component,纯javascript解决方案

  • react-native-dropdownalert★894 - 具有4种预定义类型的简单下拉警报。

  • react-native-loading-spinner-overlay★885 - 唯一纯粹的React Native,Native iOS和Android加载微调器(进度条指示器)叠加

  • react-native-tinder-swipe-cards★881 - Tinder卡式刷卡。

  • react-native-slider★845 - 反应原生的纯JavaScript组件

  • react-native-pathjs-charts★842 - 基于react-native-svg和paths-js的Android和iOS图表

  • react-native-svg-charts★764 - 一个库来统治React Native的所有图表

  • react-native-masonry★758 - 用于渲染图像的砖石布局。

  • react-native-credit-card-input★742 - React Native Project的简单(和美观)信用卡输入

  • 占位符★734 - 在React Native(+ React Native Web!)中呈现文本或媒体内容之前显示一些占位符内容

  • react-native-sglistview★731 - React Native的ListView的记忆实现

  • react-native-modal-dropdown★708 - 适用于Android和iOS的react-native dropdown / picker / selector组件。

  • react-native-button★707

  • react-native-bottom-sheet-behavior★701 - 一个用于android BottomSheetBehavior的本地包装器。

  • react-native-tabs★687 - React Native平台独立选项卡。可用于底部标签栏以及剖面视图(带标签按钮)

  • react-native-search-bar★671 - 原生搜索栏。

  • react-native-timeline-listview★665 - React Native App的时间轴组件

  • react-native-toastboard - 显示通知的最简单方法。

  • apsl-react-native-button★653 - 具有圆角的React Native按钮组件。

  • react-native-popup-menu★653 - React Native的可扩展弹出菜单组件。

  • react-native-qrcode★644 - react-native qrcode generator

  • react-native-easy-toast★616 - 一个反应原生模块,显示像Android一样的吐司,它适用于iOS和Android。

  • react-router-native★612 - React Native的路由库,力求与React Router进行合理的API奇偶校验

  • react-native-copilot★595 - 您的反应原生应用程序的分步演练

  • react-native-photo-browser★565 - 具有字幕,选择和网格视图支持的本地和远程照片浏览器。

  • react-native-calendar★559 - React Native的日历组件

  • react-native-parsed-text★552 - 解析文本并将它们组合成多个React Native Text元素

  • react-native-step-indicator★538 - 与ViewPager和ListView兼容的步骤指示器小部件的简单反应原生实现。

  • react-native-popover-haobtc★514 - 反应原生的组件

  • react-native-dropdown★507 - 针对react-native的更好的Select下拉菜单

  • react-native-star-rating★489 - 用于生成和显示交互式星级的React Native组件

  • react-native-parallax★479 - 使用动画API为React Native提供视差效果

  • react-native-sketch★467 - 用触摸事件绘制的反应本机组件。

  • react-native-dialogs★463 - 针对https://github.com/afollestad/material-dialogs的 React Native包装器

  • galio★458 - 一个全新的反应原生UI框架。

  • react-native-size-matters★436 - React-Native实用程序带,用于在不同大小的设备上扩展应用程序UI的大小。

  • react-native-button-component★434 - 适用于iOS和Android的美丽,可自定义的React Native Button组件

  • react-native-super-grid★434 - React Native的响应网格视图。

  • react-native-activity-view★427 - React Native的iOS共享和操作表

  • react-native-canvas★421 - React Native的Canvas元素

  • react-native-refresher★419 - 一个React Native拉动刷新完全用js编写的ListView。还支持自定义动画。

  • react-native-sortable-list★412具有垂直和水平方向支持的原生反应的可排序列表。

  • react-native-gesture-password★410 - React Native的手势密码组件

  • react-native-carousel★406 - 简单的旋转木马组件,用于反应原生

  • react-native-country-picker-modal★403 - 国家选择器提供一种模式,允许用户从列表中选择一个国家。它在每个国家/地区名称旁边显示一个标记。

  • react-native-radio-buttons★399 - 一个实现自定义单选按钮行为的反应组件:可以一次选择多个选项。

  • react-native-masked-text★392 - React Native的简单蒙版文本和输入文本组件。

  • react-native-accordion★390 - React Native的手风琴组件

  • react-native-invertible-scroll-view★388 - React Native的可逆ScrollView

  • react-native-message-bar★384 - 一个模块,用于通过屏幕顶部/底部的动画消息栏显示通知,高度可定制,适用于React Native(Android和iOS)项目。

  • react-native-fit-image★383 - 响应式图像组件,完美贴合。

  • react-native-text-input-mask★383 - 适用于Android和iOS的文本输入掩码,本机实现RedMadRobot库

  • react-native-alphabetlistview★372 - 基于johanneslumpe的react-native-selectablesectionlistview,带有侧边栏的ListView直接跳转到各个部分

  • react-native-check-box★372 - 用于本机反应的Checkbox组件,适用于iOS和Android。

  • react-native-really-awesome-button★370 - RNRAB是一款60fps的3D,支持进度,可扩展,生产就绪的组件,可呈现一组令人敬畏的动画UI按钮。

  • react-native-autocomplete-input★366 - 反应原生的纯javascript自动完成输入

  • react-native-splashscreen★358 - 反应原生的闪屏

  • react-native-responsive-image★344 - 最优雅的响应式图像组件

  • react-native-pdf-view★338 - 使用react-native查看pdf文件

  • react-native-image-header-scroll-view★338 - ScrollView,标题中的图像成为导航栏

  • react-native-toast★336 - 一款像Android一样的toast,用于iOS和Android的反应原生支持

  • react-native-modal-picker★333 - 一个跨平台(iOS / Android),React Native的选择器/选择器组件,可高度自定义并支持各个部分。

  • react-native-off-canvas-menu★327 - 精美的React本机应用程序的画布菜单组件。

  • 向上滑动面板★321 - 在Javascript中实现的React Native可拖动滑动面板。适用于iOS和Android。

  • react-native-search-box★319 - 一个带动画的简单搜索框,灵感来自ios搜索栏。

  • react-native-parallax-swiper★315 - 基于iOS模式的可配置视差刷卡器。使用Native Driver获得超级平滑的视差。

  • react-native-gesture-recognitionizers★313 - 用于本地反应的手势识别器装饰器

  • react-native-searchbar★313 - 一个动画搜索栏,用于反应原生内置搜索(iOS和Android)

  • react-native-app-auth★310 - 用于AppAuth的React Native桥接器 - 符合PKCE标准的SDK,用于与OAuth2提供者通信

  • react-native-circular-action-menu★305 - 动画和可定制的圆形浮动菜单。

  • react-native-effects-view★304 - React Native Component,易于使用iOS8 UIVisualEffect

  • react-native-root-modal★304 - 反应原生模态组件

  • react-native-timeago★278 - 自动更新React Native的timeago组件

  • react-native-grid-view★276 - React Native Grid / Collection View组件

  • react-native-md-textinput★275 - 使用Material Design设计React Native TextInput。

  • react-native-timer-mixin★274 - TimerMixin提供定时器功能,用于将来卸载组件时安全清理的代码。这是一个包含react-native InteractionManager支持的fork。

  • react-native-tableview-simple★267 - 使用纯CSS制作的TableView的React Native组件

  • react-native-keyboard-manager★267 - 允许防止键盘向上滑动并覆盖React-Native iOS项目的库。

  • react-native-tabbar★261 - 标签栏更自由

  • react-native-simple-router★255 - React Native的社区维护路由器组件

  • react-native-cacheable-image★255 - 用于react-native的文件系统可缓存图像组件

  • react-native-segmented-control-tab★252 react-native-segmented-control-tab(适用于Android / iOS)

  • react-native-keyboardevents★247 - 监控键盘显示/隐藏通知

  • react-native-multiselect★246 - 简单的多选组件,用于本地反应。

  • react-native-cardview★239 - CardView for react-native(所有Android版和iOS)

  • react-native-shimmer-placeholder★231 - React Native的占位符

  • react-native-progress-hud★228 - React Native应用程序的干净轻量级进度HUD

  • react-native-qrcode-svg★228 - 基于react-native-svg和node-qrcode的React Native的QR码生成器。

  • react-native-bottom-action-sheet★226 - React Native:Native Bottom Action Sheet

  • react-native-awesome-button★222 - 一个React Native组件,呈现一个按钮,支持显示不同的外观和功能给定传递的道具

  • react-native-mobx★220 - 让你的应用程序与MobX和react-native-router-flux进行反应

  • react-native-egg★220 - 一个复活节彩蛋组件实现简单的手势检测实现触发器可以让你的本机应用程序无限更有趣。

  • react-native-progress-bar★218 - React Native的动画进度条组件

  • react-native-tooltip★217 - 用于显示工具提示的反应原生包装器

  • react-native-emoji★216 - React Native的表情符号组件

  • react-native-image-cache-hoc★211 - 高阶组件,为标准图像组件添加高级缓存和持久性功能。

  • react-native-parallax-scroll★209 - 具有粘性标题,前景,本机驱动程序和所有可滚动组件(FlatList,ListView,SectionList,ScrollView)支持的Parallax Scroll组件。

  • react-native-shine-button★205 - React Native for Effects就像闪亮一样

  • autoreponsive-react-native★201 - React的魔法布局库

  • react-native-autolink★201 - React Native的自动链接组件

  • react-native-carousel-control★199 - React Native Carousel控件,支持iOS和Android。

  • react-native-picker-select★199 - React Native的Picker组件,模拟