写点什么

这里有 25 个 React Native 免费教程,请您查收

  • 2018-03-14
  • 本文字数:2933 字

    阅读完需:约 10 分钟

CodeBurst.io 为 React Native 开发者提供了 25 个教程,不管是刚入门的新手,还是有经验的老手,都能从这些教程中找到适合自己的。

一般性的教程

  1. React Native——究竟有多原生?

由 Vishal Dubey 提供的教程,对 Android 和 iOS 平台的 React Native 进行了对比。

教程地址: https://codeburst.io/react-native-how-native-have-you-been-9ebb08383474

2. React Native 与真实原生 App 的对比

由 Weblab 科技提供的教程,对比了 React 与 Swift 二者之间的不同点,包括对 CPU、GPU 和内存的使用方式。

教程地址: https://codeburst.io/react-native-vs-real-native-apps-ad890986f1f

3. 解密 React Native 开发

由 John Tucker 提供的教程,作者在比较了三种 React Native 开发方式之后,认为 Expo 是最好的。

教程地址: https://codeburst.io/untangling-react-native-development-7285ed0b6525

4. React Native 开发奇事

由 Martin Adamko 提供的教程,在开始 React Native 开发之前应该知道的那些事。

教程地址: https://codeburst.io/react-native-quirks-2fb1ae0bbf80

5. React Native 调试工具

由 Vince Yuan 提供的教程,介绍了如何调试 React Native 应用和用于调试的 GUI 工具。

教程地址: https://codeburst.io/react-native-debugging-tools-3a24e4e40e4

6. 使用 React Native、GraphQL 和 Relay Modern 开发 App

由 Luiz Fernando 提供的教程,介绍如何使用 GraphQL 和 Realy Modern 搭建 React Native 开发环境。

教程地址: https://codeburst.io/how-to-setup-a-react-native-graphql-relay-modern-a6a5f6c18353

性能相关的教程

7. 给 React Native 应用程序提速的六种方式

由 Atinder Singh 提供的教程,介绍了六种提升 React Native 应用程序 FPS 的方法。

教程地址: https://codeburst.io/6-simple-ways-to-speed-up-your-react-native-app-d5b775ab3f16

8. React Native 内联样式与样式组件的性能比较

由 JM Myers 提供的教程,对 React Native 内联样式与样式组件的性能进行了对比。

教程地址: https://codeburst.io/a-quick-performance-comparison-of-styled-components-vs-inline-styles-in-react-native-e07adffd14cb

9. 通过可视化的方式发现和解决 React Native 性能问题

由 Purvak Pathak 提供的教程,他运行了 20 多个 React Native 应用程序,通过可视化的方式找出了它们共同存在的性能问题。

教程地址: https://codeburst.io/a-visual-guide-to-react-native-performance-issues-and-resolving-insights-ccb0fc3fbcda

动画相关的教程

10. 在 React Native 中使用自定义动画开发地图程序

由 Jason Brown 提供的教程,深入介绍如何在 React Native 中使用自定义动画开发地图程序。

教程地址: https://codeburst.io/build-a-map-with-custom-animated-markers-and-region-focus-when-content-is-scrolled-in-react-native-efb3522d9445

11. React Native 中的水平滚动动画

由 Bi Yoo 提供的教程,介绍如何在 React Native 中结合使用动画和 ScrollView 创建好看的页面切换效果。

教程地址: https://codeburst.io/horizontal-scroll-animations-in-react-native-18dac6e9c720

12. 使用 CSS 和样式组件让 React 组件动起来

由 Kyle Truong 提供的教程,介绍如何结合使用 CSS 和样式组件来给 React 组件添加样式和动画效果。

教程地址: https://codeburst.io/animating-react-components-with-css-and-styled-components-cc5a0585f105

13. 在 React Native 中开发多选项滑动开关

由 Victor K Varghese 提供的教程,介绍了如何基于 60 帧动画设计和开发功能性组件。

教程地址: https://codeburst.io/developing-multi-slider-switch-in-react-native-a15b83b29828

其他教程

14. 通过 Netflix Clone 示例来学习 Expo React Native 和样式组件

由 JM Myers 提供的教程,通过 Netflix Clone 示例学习如何使用 React Navigation 和 Expo。

教程地址: https://codeburst.io/getting-started-with-expo-react-native-and-styled-components-using-a-netflix-clone-example-652c7cb2a794

15. 使用 React Native 开发 ToDo 应用程序

由 Ahmed Mahmoud 提供的教程,手把手教你如何开发一个最基本的 React Native 应用程序。

教程地址: https://codeburst.io/todo-app-with-react-native-f889e97e398e

16. 使用 react-native-maps 渲染谷歌地图

由 Kirsten Swanson 提供的教程,介绍如何使用 react-native-maps 来渲染谷歌地图。

教程地址: https://codeburst.io/react-native-google-map-with-react-native-maps-572e3d3eee14

17. 使用 Firebase 推送通知

由 William Candillon 提供的教程,介绍如何在 React Native 中实现通知推送。

教程地址: https://codeburst.io/react-native-push-notifications-with-firebase-1f23c4f0af65

18. 使用 react-navigation 和 redux 开发应用导航栏

由 Dan Parker 提供的教程,详细介绍了如何使用 react-navigation,并使用 redux 来管理导航栏状态。

教程地址: https://codeburst.io/react-navigation-with-complete-redux-state-management-tab-bar-and-multiple-navigators-ed30a69d9a4d

19. 在 React Native 应用程序中使用 Facebook SDK 登录模块和 Firebase

由 Pop Robert 提供的教程,介绍了如何集成 Facebook SDK 登录模块,并将注册用户的信息保存到 Firebase 数据库中。

教程地址: https://codeburst.io/react-native-app-with-facebook-sdk-login-and-firebase-storage-606744701207

20. 如何在两天内使用 Clarifai 开发一个具有视觉识别功能的 React Native 应用程序

由 Leonardo Balland 提供的教程,手把手教你如何在两天内开发出一个视觉识别应用程序。

教程地址: https://codeburst.io/how-to-build-a-visual-recognition-mobile-app-in-2-days-with-react-native-and-clarifai-3801f0901704

21. 使用 Expo、React Native 和 Redux 开发一款简单的游戏

由 Ali Alaa 提供的教程,介绍如何使用 Expo、React Native 和 Redux 开发一款简单的游戏。

教程地址: https://codeburst.io/how-i-created-a-simple-game-with-expo-react-native-redux-cf4f0580f7f3

22. 四个在 React Native 中使用谷歌地图的建议

由 Ginny Fahs 提供的教程,在使用谷歌地图时的四个建议。

教程地址: https://codeburst.io/4-tips-for-using-the-google-maps-api-with-react-native-46d8fa863eba

23. React Native 的端到端测试

由 Ahmed Mahmoud 提供的教程,介绍如何在 React Native 进行端到端的测试。

教程地址: https://codeburst.io/react-native-end-to-end-testing-made-easy-b275ed00ce73

24. 使用 React Native 和 Hasura 开发登录功能

由 Divyanshu Kumar 提供的教程,使用本地状态代替 Redux 开发登录功能。

教程地址: https://codeburst.io/making-a-login-app-using-react-native-and-hasura-without-redux-bb31d102038d

25. 使用 Expo、样式组件和 Redux-Saga 开发 Reddit 阅读器

由 JM Myers 提供的教程,介绍如何使用 Expo、样式组件和 Redux-Saga 开发一款 Reddit 阅读器。

教程地址: https://codeburst.io/creating-a-reddit-reader-in-react-native-with-expo-styled-components-and-redux-saga-21e7fffba20e

感谢覃云对本文的审校。

2018-03-14 18:113141

评论

发布
暂无评论
发现更多内容

吃透阿里大佬分享的这份Java面试神技,3个月斩获8家offer

Geek_0c76c3

Java 数据库 开源 架构 开发

直冲云霄,阿里大牛耗时49天整理12W字面试手册,押题准确率直冲95%

Geek_0c76c3

Java 数据库 开源 程序员 架构

阿里最新秋招面经,腾讯/美团/字节1万道Java中高级面试题

程序知音

Java 大厂面试 后端技术 Java面试八股文 阿里面试

Canvas+Javascript实现点击小球的爆炸效果

Sam9029

JavaScript canvas 9月月更 小球爆炸

[架构实战] 课后作业

爱学习的麦子

大厂“毕业”半月,面试数十家公司,凭借这份面试总结涨获7家Offer,成功入职

程序员小毕

spring 程序员 程序人生 JVM Java 面试

Shell编程学习(二)

Studying_swz

Shell 脚本 9月月更

遭不住了!Alibaba开源内网“M9”级别高并发编程全彩版进阶手册

程序知音

Java 架构 并发编程 多线程与高并发 后端技术

评判优秀程序员标准:“高并发”,竟被一份Github万星笔记讲清楚了

Geek_0c76c3

Java 数据库 架构 开发 面经

详解CAN总线:CAN节点硬件构成方案

不脱发的程序猿

嵌入式 汽车电子 CAN总线 CAN节点硬件构成方案 CAN节点

竟拿到阿里45K高薪offer!只因他刷了这份阿里微服务天花板手册

Geek_0c76c3

Java 数据库 开源 架构 面经

详解CAN总线:CAN总线报文格式—数据帧

不脱发的程序猿

汽车电子 CAN总线 CAN协议 CAN总线报文格式 CAN数据帧

架构实战营模块1作业

陌生流云

架构实战营

全网首次公开!阿里巴巴1685页Java面试突击核心讲(基础到高级足足涵盖19个Java核心技术)

Java永远的神

数据库 spring 程序员 程序人生 java面试

MyBatisPlus学习

Geek_6689b6

入门 MyBatisPlus 9月月更

详解CAN总线:标准数据帧和扩展数据帧

不脱发的程序猿

汽车电子 通信协议 CAN总线 CAN协议 标准数据帧和扩展数据帧

Github爆火!阿里最新发布的《高并发核心编程笔记》PDF文档

Geek_0c76c3

Java 数据库 开源 架构 开发

邓荣伟:稳定支撑每秒百万笔支付请求,支付宝数据库架构的过去、现在与未来

OceanBase 数据库

阿里五位MySQL封神大佬耗17个月总结出53章性能优化法则

Geek_0c76c3

Java 数据库 开源 程序员 开发

【编程实践】提高工作效率,避免重复且枯燥的操作,利用Python自动发送邮件

迷彩

SMTP 邮件协议 9月月更 Python邮件发送

微信业务架构图与学生管理系统架构图

冷夫冲

架构实战营 #架构实战营 架构师实战营 「架构实战营」

详解CAN总线:CAN协议分层结构及功能

不脱发的程序猿

CAN总线 CAN协议 CAN协议分层结构及功能

全网首次公开:Java面试参考指南V3.0版(完美契合当下所有互联网公司面试需求)

Java全栈架构师

数据库 程序人生 后端 高并发 Java 面试

信息论与编码(一)| 信源分类与数学模型

timerring

9月日更 信息熵

【云原生 | 从零开始学Kubernetes】八、命名空间资源配额以及标签

泡泡

Docker 云计算 云原生 k8s 9月月更

OceanBase存储层代码解读(四):宏块的垃圾回收和坏块检查

OceanBase 数据库

互联网架构师联合总结的Java面试攻略,GitHub标星30K!

程序知音

java面试 大厂面试 java架构师 后端技术 Java面试八股文

Python语法之字典

芯动大师

字典 9月月更 Python语法

阿里内网流传的9w字图解网络(全彩版)GitHub现已下载量过百万

程序知音

Java 程序员 计算机网络 后端技术 计算机底层

Shell编程学习(一)

Studying_swz

Shell 初阶 9月月更

架构师的十八般武艺:可观测性

agnostic

可观测性

这里有25个React Native免费教程,请您查收_语言 & 开发_CodeBurst_InfoQ精选文章