React Native & Typescript – 实践指南,创建完整应用程序 | React Native with Typescript – The Practical Guide (2022)

React Native with Typescript – The Practical Guide (2022)

在 React Native 中创建一个应用程序 – 从基础知识到工作应用程序。学习 React Native 组件、Typescript 等。

你将会学到的

  • 创建一个使用 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 基础知识,那么掌握这些概念对您来说是小菜一碟。

加载字体等外部资源对于 UX 来说非常重要。您将创建一个简单的资源加载器并准备一个函数来启动应用程序所需的所有初始数据。

在接下来的几节课中,您将创建一个详细的锻炼页面,显示更精确的信息。您将学习如何在导航中传递参数并使用它们来获取数据。

课程的下一部分涵盖数据管理、存储和数据操作。知道在哪里存储和检索数据很重要。讲师将向您展示如何做到这一点的简单方法。作为存储,您将使用手机(模拟器)的本机存储。

Hooks 函数是 React 环境的重要组成部分。您将学习如何使用它们来获取数据。

在以下部分中,您将返回到应用程序的详细信息屏幕。你将学习如何创建一个可重用的组件,modal。模态窗口将负责显示一系列锻炼练习。

该应用程序的核心功能是显示当前活动锻炼的倒计时(计时器)。在第八部分中,您将精确地处理此功能。讲师将指导您创建一个可重用的钩子函数,该函数将提供“倒计时”功能。

倒计时功能与显示当前“活动”练习的功能密切相关,倒计时完成后,加载下一个练习并重新加载倒计时。

在下一部分中,您将使用一个表单来创建锻炼并在锻炼中添加/删除锻炼。

课程即将结束,您将致力于“主题”功能。这个简单的功能允许用户在应用程序的深色和浅色主题之间切换。

课程的最后一部分包括在设备和模拟器中测试应用程序。

此课程面向哪些人:

  • 对使用 React Native 进行移动开发感兴趣的初学者和经验丰富的开发人员。
  • 寻找实用开发指南的人。
  • 本课程适合所有渴望了解如何从头开始构建应用程序的人
声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
TheItzy » React Native & Typescript – 实践指南,创建完整应用程序 | React Native with Typescript – The Practical Guide (2022)