使用 Typescript React Native – 实用指南 (2022)
在 React Native 中创建应用程序 – 从基础知识到工作应用程序。学习 React Native 组件、Typescript 等
讲师:Eincode by Filip Jerga
口袋资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将学到什么
- 创建一个使用 React Native 和 Typescript 制作的工作应用程序
- 以实用且有趣的方式理解 React Native
- 使用获得的知识创建您自己的应用程序
- 在令人兴奋的移动应用程序开发环境领域建立自己的地位
要求
- 基础 JavaScript 知识
- React 基础知识,推荐但不是必须具备
描述
什么是 React Native?
React Native 将本机开发的最佳部分与 React 相结合,React 是用于构建用户界面的一流 JavaScript 库。 React 原语渲染到本机平台 UI,这意味着您的应用程序使用与其他应用程序相同的本机平台 API。简单来说,使用 React Native,您只需了解一种语言(Javascript)即可在 IOS 和 Android 设备上创建本机应用程序。
这门课程适合您吗?
如果您计划以开发人员的身份开始您的职业生涯或提高您的编程技能,那么本课程适合您。
您将获得启动自己的项目所需的信心和技能。
你要做什么工作?
您将使用 Javascript 编程语言创建一个“锻炼”移动应用程序。
该课程分为多个部分(查看课程表)。
在第一部分中,您将设置一个开发环境模拟器并了解有关 React Native 理论的更多信息。
之后,您将立即开始处理该应用程序。首先,您将学习创建多个屏幕(视图)以及它们之间的导航。讲师将向您展示设置导航的不同方法和技术,以及最重要的是导航的工作原理。
在下一部分中,您将发现一些 React Native 组件。本机组件与浏览器中使用的组件类似。如果您有一些 HTML 基础知识,那么掌握这些概念将是小菜一碟。
加载字体等外部资源对于用户体验非常重要。您将创建一个简单的资源加载器并准备一个函数来启动应用程序的所有所需初始数据。
在接下来的几个讲座中,您将创建一个详细的锻炼页面,显示更精确的信息。您将学习如何在导航中传递参数并使用它们来获取数据。
课程的下一部分涵盖数据管理、存储和数据操作。了解在哪里存储和检索数据非常重要。讲师将向您展示如何做到这一点的简单方法。作为存储,您将使用手机(模拟器)的本机存储。
Hooks 函数是 React 环境的重要组成部分。您将学习如何使用它们来获取数据。
在下一部分中,您将返回到应用程序的详细信息屏幕。您将学习如何创建可重用的模态组件。模态窗口将负责显示一系列锻炼练习。
该应用程序的核心功能是显示当前活动锻炼的倒计时(计时器)。在第八部分中,您将精确地研究此功能。讲师将指导您创建可重用的挂钩函数,该函数将提供“倒计时”功能。
倒计时功能与显示当前“活动”练习的功能紧密结合,倒计时完成后,加载下一个练习并再次重新加载倒计时。
在下一部分中,您将使用表单来创建锻炼并在锻炼中添加/删除练习。
本课程在您研究“主题”功能时结束。这个简单的功能允许用户在应用程序的深色和浅色主题之间切换。
课程的最后一部分涵盖在设备和模拟器中测试应用程序。
本课程适合谁:
- 对使用 React Native 进行移动开发感兴趣的初学者和经验丰富的开发人员。
- 人们正在寻找实用的开发指南。
- 本课程适合所有渴望了解如何从头开始构建应用程序的人