写点什么

这里有 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:112992

评论

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

ARTS Week10

丽子

Flink保存点-17

小知识点

scala 大数据 flink

实战中学习浏览器工作原理 — 之 HTTP 请求与解析

三钻

CSS Java 大前端 浏览器

区块链支付系统开发,数字货币支付承兑商APP模式搭建

13530558032

在5G智慧园区的“保龄球道”上,目标全垒打的征途

脑极体

dubbo应用级服务发现初体验

捉虫大师

dubbo 注册中心

芯片破壁者(十五):仙童半导体和“八叛逆”所缔造的“硅谷模式”

脑极体

凤凰交易所 全球首个多元化生态交易平台震撼来袭

InfoQ_967a83c6d0d7

Centos7 mongodb安装全攻略

红泥

mongodb

有奖征文火热开赛,万元大奖等你来拿,准备好了吗?

InfoQ写作社区官方

程序员 开发者 音视频 随笔杂谈 RTC征文大赛

Docker 搭建 Redis Cluster 集群环境

哈喽沃德先生

redis Docker 容器 集群 redis cluster

区块链数字货币交易所开发,数字交易平台搭建

13530558032

数字货币钱包软件开发方案,区块链数字货币钱包源码

13530558032

区块链usdt承兑商支付系统开发 区块链应用开发

电微13828808271

USDT承兑支付系统开发

学习笔记丨结构体中的内存管理

Liuchengz.

c Linux 学习

合约跟单系统开发,合约跟单软件定制开发

13530558032

缓存与数据库一致性问题深度剖析

Zhendong

数据库 缓存 秒杀系统

全场景智慧:新工业革命必须拥抱的晨曦

脑极体

经济适用的企业内外网互动直播方案

fumingwang

音视频 直播 视频会议 企业应用

oeasy教您玩转linux010204-figlet

o

LeetCode题解:239. 滑动窗口最大值,双循环暴力,JavaScript,详细注释

Lee Chen

大前端 LeetCode

从每秒6000写请求谈起

架构师修行之路

程序员 架构师 高并发系统设计

Python 中的数字到底是什么?

Python猫

Python 翻译 PEP

企业表格技术与风险指标补录系统

葡萄城技术团队

SpreadJS

iWebExcel 协同数据填报和在线分析平台

葡萄城技术团队

SpreadJS

LeetCode题解:84. 柱状图中最大的矩形,循环+双指针暴力,JavaScript,详细注释

Lee Chen

大前端 LeetCode

北京首台区块链政务终端亮相 一键“拉取”链上数据

CECBC

区块链技术

区块链+公共安全 大有可为

CECBC

区块链 安全

macos主流工作开发套件指南

久违

macos Docker 大前端 自动化部署

Apache Pulsar 8 月月报:里程碑一个接一个

Apache Pulsar

大数据 云原生 Apache Pulsar 消息系统 消息中间件

深度解读:Apache DolphinScheduler 新架构与特性,性能提升2~3倍

代立冬

大数据 开源 工作流调度 开源社区

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