QCon北京「鸿蒙专场」火热来袭!即刻报名,与创新同行~ 了解详情
写点什么

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

评论

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

WeOpsV3.15持续拓展监控能力,支持硬件设备IPMI智能监控

嘉为蓝鲸

IT

触达率提升 20%,融云推送优化实践

融云 RongCloud

产品 实践 融云

研云运一体,嘉为蓝鲸助力中国智造扬帆出海!

嘉为蓝鲸

IT

人工智能深入油气领域 百度智能云与石化盈科共建合同智能化应用平台

百度开发者中心

人工智能

Python十大实用技巧【附源码】

我爱娃哈哈😍

Python 开发技巧

在线教育≠在线观看:风变科技应用无影打造自动化实训教学模式

云布道师

无影

NFT游戏藏品开发DApp系统搭建

薇電13242772558

NFT

对象存储BOS: 通过安卓SDK使用HTTPDNS服务

百度开发者中心

对象存储

一文带你掌握轻量化模型设计原则和训练技巧!

Openlab_cosmoplat

工业互联网 开源社区 轻量化模型 openlab

Spring生态简介

Java你猿哥

Java spring Spring Boot 后端 ssm

软件测试|教你如何用Python获取昨天今天明天的日期

霍格沃兹测试开发学社

阿里三面46题:java高级+数据库+网络+架构设计!含答案大赠送!

Java你猿哥

Java 阿里巴巴 后端 面经 春招

先巩固下 Java 线程这些基础操作,再开始多线程编程也不迟

Java你猿哥

Java 多线程 开发

如何通过C#/VB.NET从PowerPoint文档中提取图片

在下毛毛雨

C# .net PowerPoint 提取图像

共36万字!为上岸Alibaba,我把Github上Java面试题都整理了一遍

Java你猿哥

Java Spring Boot ssm 面经 春招

与高校开发者面对面,昇腾AI开发者创享日首次走进沈阳高校

科技热闻

打造江西数智产业高地,百度飞桨人工智能产业赋能中心落户南昌青山湖

百度开发者中心

人工智能 百度飞桨

直播回顾 | 告警全生命周期管理的思路与落地实践

嘉为蓝鲸

IT

2021年第十一届数据技术嘉年华(DTC)资料分享

墨天轮

数据库 GaussDB TiDB 国产数据库 南大通用

如何分析网站监控中的数据报表,都有哪些关键信息?

云智慧AIOps社区

监控 监控宝 云智慧 监控安全 网站监控

xx产品介绍

andy

唯一入选的制品库!嘉为蓝鲸CPack制品管理平台成功入选!

嘉为蓝鲸

IT

丝滑的打包部署,一套带走

Java你猿哥

Java Docker ssm 部署

软件测试/测试开发丨数据持久化技术(Python)的使用

测试人

软件测试 自动化测试 测试开发

软件测试/测试开发丨跨平台API对接(Python)的使用

测试人

软件测试 jenkins 自动化测试 测试开发

12家辽宁AI领先企业加入昇腾万里伙伴计划

科技热闻

信通院MLOps旗舰级评测,业内首批通过!

百度开发者中心

人工智能 深度学习‘’ 文心一言

【中远海运特运】WeOps产品为业务系统安全稳定保驾护航!

嘉为蓝鲸

【广州银行信用卡中心】5分钟实现一键发布!

嘉为蓝鲸

IT

嘉为科技与工银科技正式启动数字研运一体化合作项目

嘉为蓝鲸

图数据库中的“分布式”和“数据切分”(切图)

NebulaGraph

数据库 分布式 图数据库

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