【Udemy中英字幕】React Native: Build Powerful Cross-Platform Mobile Apps

React Native：构建强大的跨平台移动应用程序

使用 React Native 为 iOS 和 Android 设计和开发引人入胜的移动应用程序，掌握核心概念和最佳实践。

讲师：Uplatz Training

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

• 了解 React Native 生态系统：掌握 React Native 的基础知识、优势以及与其他移动开发框架的比较。
• 设置开发环境：自信地安装和配置 React Native 开发所需的工具（Expo、Android Studio）。
• 掌握核心 React Native 组件：利用 Text、Image、TextInput、Button、ScrollView 和 FlatList 等基本组件来构建用户界面。
• 实现导航和数据传递：使用 React Navigation 构建多屏幕应用程序并在屏幕之间无缝传递数据。
• 管理应用程序状态：学习使用 React Hooks（如 useState）和 Redux 管理复杂的应用程序状态。
• 获取并保存数据：使用 Fetch 或 Axios 从 API 检索数据，并使用 AsyncStorage 在本地存储数据。
• 设计 React Native 应用程序的样式：应用样式技术，包括内联样式、StyleSheet API 和样式组件，来创建具有视觉吸引力的应用程序。
• 实现动画和手势：通过使用动画 API 和 react-native-reanimated 添加动画并结合手势处理，让应用栩栩如生。
• 访问设备功能：利用设备 API 将摄像头访问、位置跟踪和传感器数据等功能集成到应用程序中。
• 整合推送通知：学习使用 Expo 的通知服务将推送通知整合到 React Native 应用程序中。
• 构建和部署应用程序：获得在 Google Play Store 和 Apple App Store 上构建、签署和发布 React Native 应用程序的技能。
• 使用本机代码扩展 React Native：了解何时以及如何集成本机代码（iOS 和 Android）以扩展 React Native 的多种功能。

探索相关主题

• 反应原生
• 移动开发
• 发展

要求

• 热情和决心让你在世界上留下自己的印记！

描述

热烈欢迎您参加Uplatz举办的“React Native：构建强大的跨平台移动应用程序”课程。

React Native是 Facebook 开发的开源框架，允许开发者使用 JavaScript 和 React 构建移动应用程序。它支持使用单一代码库为 iOS 和 Android 平台创建类似原生的移动应用程序。React Native 组件不会编译成 Web 组件，而是直接编译成原生移动 UI 元素，从而提供高性能和无缝的用户体验。

React Native 的工作原理

React Native 是一个使用 JavaScript 构建跨平台移动应用程序的流行框架。让我们深入了解一下它的工作原理：

1. JavaScript 和本机代码

• React Native 允许您使用 JavaScript 编写应用逻辑，同时使用原生组件呈现用户界面。这意味着您的应用外观和感觉就像原生应用，尽管它是用 JavaScript 构建的。

2. 桥梁

• React Native 利用“桥梁”将您的 JavaScript 代码与目标平台（iOS 或 Android）的原生代码连接起来。该桥梁促进了两者之间的通信，允许 JavaScript 访问原生 API 和 UI 元素。

3. 线程

• 主线程：这是负责处理用户界面更新和交互的主要线程。

• JavaScript 线程：此线程执行您的 JavaScript 代码，管理应用程序的逻辑和状态。

• 影子线程：该线程使用 Yoga（一种将 Flexbox 布局转换为原生布局的布局引擎）计算 UI 的布局。

• 本机模块线程：此线程提供对平台特定 API 的访问，例如摄像头、位置和传感器。

4. UI渲染

• 当您使用 JSX（JavaScript 的语法扩展）在 React Native 中编写 UI 代码时，它不会像在 React Web 开发中那样直接转换为 HTML。相反，React Native 会将您的 JSX 组件映射到平台上相应的原生 UI 组件。这确保了原生的外观和感觉。

5. 沟通流程

• 当用户与应用程序交互时，主线程通过桥接器向 JavaScript 线程发送事件。

• JavaScript 线程处理该事件并更新应用程序的状态。

• 然后将这些更新发送回主线程，主线程使用新的更改重新渲染 UI。

想象一下，有两个说不同语言的人需要交流。桥梁充当翻译，让他们互相理解。在 React Native 中，桥梁将 JavaScript 指令转换为移动设备可以理解的本机代码，反之亦然。

这种架构使得 React Native 能够提供真正的原生体验，同时利用 JavaScript 开发的灵活性和效率。

React Native 的主要功能

1. 跨平台开发——编写一个可在 iOS 和 Android 上运行的代码库。

2. 原生性能– 使用原生组件进行渲染，确保近乎原生的性能。

3. 热重加载——允许开发人员无需重新启动应用程序即可实时查看更改。

4. 可重复使用的组件——利用可重复使用的 UI 组件高效地构建应用程序并减少开发时间。

5. 庞大的生态系统——支持第三方库并拥有丰富的插件和工具生态系统。

6. 活跃的社区——由强大的开发者社区支持并由 Facebook 维护，确保不断改进。

学习 React Native 有何益处？

• 效率 –通过使用一个代码库为两个平台进行开发，可以减少开发时间和成本。

• 高需求 –由于 React Native 的多功能性，越来越多的公司采用它，使其成为就业市场上的一项宝贵技能。

• 可扩展性 – React Native 的架构可以轻松扩展应用程序，从简单的项目到复杂的移动应用程序。

• 不断发展的生态系统 –该框架凭借强大的社区和丰富的资源不断发展，确保为新手和经验丰富的开发人员提供支持。

• 类似原生的体验 –提供原生应用的性能和用户体验，成为跨平台开发的首选。

React Native – 课程大纲

1. React Native 简介

• React Native 概述并与其他移动框架的比较。

2. React Native 入门

• 安装 Expo 并创建您的第一个 React Native 应用程序。

3. 移动开发基础

• 了解移动应用程序开发生命周期。

4. Native 与 React Native

• 原生应用开发与 React Native 的优缺点。

5.设置Android Studio

• 下载并安装Android Studio并设置虚拟设备。

6. React Native 中的样式

• 探索 React Native 应用程序的不同样式技术。

7.核心组件：文本、图像和输入

• 学习使用 React Native 中的 Text、Image 和 TextInput 组件。

8. 使用 Hooks 管理状态

• 使用 useState 钩子进行状态管理的介绍。

9. 使用按钮和触摸事件

• 学习实现交互式按钮和触摸手势。

10.可滚动视图

• 实现 ScrollView、FlatList 和 SectionList。

11. 构建待办事项列表应用程序

• 使用 FlatList 和样式创建一个简单的待办事项列表应用程序。

12. React导航

• 使用带有堆栈和选项卡导航器的 React Navigation 实现导航。

13. 在屏幕之间传递数据

• 了解如何在不同的应用程序屏幕之间传递数据。

14.处理导航状态

• 管理复杂应用程序中的导航状态。

15. 使用嵌套导航器

• 在多屏应用中使用嵌套导航器。

16. 自定义导航

• 自定义标题和导航选项以获得独特的应用程序感觉。

17. 使用 Redux 进行状态管理

• Redux 简介及其在 React Native 中用于状态管理的使用。

18. 从 API 获取数据

• 使用 Axios 或 Fetch 从外部 API 检索数据。

19. 使用 AsyncStorage 保存数据

• 学习使用 AsyncStorage 在本地保存数据。

20. 使用 Redux 构建数据驱动的应用程序

• 构建由 Redux 和 Context API 驱动的可扩展应用程序。

21. 使用 Styled-Components 进行高级样式设置

• 设置和创建可重复使用样式的组件。

22. React Native 中的动画

• 使用 Animated API 的动画介绍，包括淡入淡出、缩放和平移动画。

23. 处理手势

• 使用 react-native-reanimated 实现复杂的动画和手势。

24. 使用设备 API

• 访问设备功能，如摄像头、位置、加速度计和陀螺仪。

25. 使用 Expo 推送通知

• 学习在 React Native 应用程序中设置和处理推送通知。

26. 播放和录制媒体

• 在 React Native 中处理音频和视频文件以及录制媒体。

27. SQLite 和本地数据库

• 学习使用 SQLite 创建和管理本地数据库。

28. 用户身份验证

• 在 React Native 应用程序中实现登录、注销和用户身份验证。

29. 优化性能

• 使用 Expo 提高应用程序性能和进行分析的技术。

30. 构建和部署应用程序

• 构建、签署和发布您的 React Native 应用到 Google Play 和 App Store 的步骤。

31. 从世博会上退出

• 何时以及为何从 Expo 弹出到裸工作流程。

32. 本机代码集成

• 使用 React Native 中适用于 iOS 和 Android 的本机代码。

本课程适合哪些人：

• 初级到中级程序员：具有一些基本编程知识（尤其是 JavaScript），想要学习移动应用程序开发的个人。
• 移动应用程序开发人员：具有原生移动开发（iOS 或 Android）经验并希望学习跨平台框架的人员。
• 具有 React 经验的 Web 开发人员：熟悉 React 并希望利用其技能来构建移动应用程序的开发人员。
• 前端工程师：扩展技能组合，包括使用 React Native 进行移动应用程序开发。
• 全栈工程师：将跨平台移动开发添加到他们的技能库中，以实现端到端的项目所有权。
• 企业家和企业主：具有应用程序想法并希望学习如何构建自己的应用程序的个人。
• 任何渴望从事移动应用开发职业的人
• 学生和希望提升技能的人：任何有兴趣扩展自己的技能并进入移动应用开发领域的人。
• UI/UX 设计师：更好地了解其设计在 React Native 环境中的技术实现。
• QA 工程师：学习 React Native 以更好地理解框架并编写更有效的测试。