0Pricing
React Native Academy icon

React Native Academy

JAVASCRIPTMobileJavascriptIosAndroid

使用 React Native 和 Expo 构建跨平台 iOS 和 Android 应用。从第一个组件到动画、原生 API、推送通知和 App Store 提交。

🤖 AI 驱动📚 30 门课程👥 10万+ 学习者⭐ 4.9 分
课程概览

React Native 移动开发

使用 React Native 和 Expo 构建跨平台 iOS 和 Android 应用。从第一个组件到动画、原生 API、推送通知和 App Store 提交。本学习路线包含 30 门循序渐进的迷你课程,从初级 (A1) 到高级 (B2),每堂课都简洁扼要,配有快速测验来巩固每个概念。

你将学到什么

你将从基础知识开始,逐步深入中级和高级主题,每门课程都建立在前一门的基础上。每堂课都非常实用,包含真实案例,当你需要帮助时,AI 导师随时可用。

工作原理

每门课程分为四堂重点课。每天完成几堂课,你将在数周内(而不是数月)掌握整个学习路线。

开始学习 →

你的学习方式

🎯
互动课程
实时反馈的动手编程练习
🤖
AI 导师
遇到困难时立即获得 AI 帮助
💻
内置编辑器
直接在浏览器中编写并运行代码
🏆
证书
完成课程后获得证书
课程

30 门课程

React Native Academy 学习路径中的所有课程。

01

React Native 配置与第一个应用

A14 节课

使用 Expo 配置并启动 React Native 开发环境。您将安装必要工具、创建第一个项目,并在真实设备或模拟器上运行项目。课程结束时,您将理解项目结构,并准备好编写第一个组件。

02

核心组件:View、Text、Image

A14 节课PRO

学习每个 React Native 屏幕的基础构建模块。您将使用 View、Text 和 Image 组件构建布局,并在移动设备上显示内容。本课程将通过实践帮助您将组件组合成真实的用户界面结构。

03

React Native 中的样式与 Flexbox

A14 节课PRO

掌握 React Native 使用的样式系统。该系统以 CSS 启发的属性为基础,通过 JavaScript 对象和 StyleSheet 应用样式。您将使用 Flexbox 构建能够适应 iOS 和 Android 不同屏幕尺寸的响应式布局。

04

状态与属性

A14 节课PRO

理解数据如何通过属性和状态在 React Native 组件之间流动。您将学习通过属性向下传递数据给子组件,并使用 useState 管理组件内部不断变化的值。本课程是构建交互式移动应用的基础。

05

处理用户输入

A14 节课PRO

学习捕获移动屏幕上的用户交互并作出响应。您将使用 TextInput 处理键盘输入,使用 TouchableOpacity 和 Pressable 处理点击,并使用 Switch 和 Picker 组件实现切换和选择。

06

使用 React Navigation 进行导航

A24 节课PRO

使用业界标准的 React Navigation 库,为 React Native 应用添加多屏幕导航。您将配置堆栈导航器,在屏幕之间传递数据,并为应用的主要部分构建标签栏。

07

FlatList 与 SectionList

A24 节课PRO

使用 FlatList 和 SectionList 高效显示大量数据。您将学习这些组件如何通过虚拟化渲染,在数千个项目的情况下仍保持流畅的滚动性能,以及如何构建常见的列表界面模式。

08

深入理解 React 钩子

A24 节课PRO

超越 useState 和 useEffect,掌握 React Native 中可用的完整 React 钩子集合。您将理解 useCallback、useMemo、useRef 和 useReducer,并学习在不同问题中何时应使用每个钩子。

09

Context API 与状态管理

A24 节课PRO

使用 React 内置的 Context API 在应用中共享全局状态,避免逐层传递属性。您将创建主题上下文和用户身份验证上下文,并学习如何组合多个上下文而不造成性能问题。

10

使用 useEffect 和 Axios 获取数据

A24 节课PRO

将 React Native 应用连接到真实 API。您将使用 useEffect 在组件挂载时发起网络请求,使用 Axios 简化 HTTP 调用,并学习如何在用户界面中处理加载状态、错误和响应数据。

11

Redux Toolkit

B14 节课PRO

使用 Redux Toolkit 以可预测的方式管理复杂的应用状态。Redux Toolkit 是当前官方推荐的 Redux 使用方式。您将创建切片、分发操作、使用选择器,并将 Redux 存储连接到 React Native 组件。

12

Zustand 轻量级状态管理

B14 节课PRO

了解 Zustand,这是一个简洁快速的状态管理方案,比 Redux 所需的样板代码少得多。您将创建存储、添加操作,并仅用几行代码将 Zustand 集成到 React Native 组件中。

13

AsyncStorage 与数据持久化

B14 节课PRO

将用户数据和应用设置保存在设备本地,使其在应用重启后仍然保留。您将使用 AsyncStorage 进行键值存储,构建能够持久保存偏好的设置界面,并了解移动设备本地存储的限制。

14

设备功能:相机、位置与通知

B14 节课PRO

访问让移动应用独具特色的原生硬件和 OS 功能。您将集成相机、读取 GPS 坐标,并使用 Expo 的托管工作流 API 安排本地通知,同时在 iOS 和 Android 上正确处理权限。

15

使用 react-hook-form 构建表单并进行验证

B14 节课PRO

使用 react-hook-form 在 React Native 中构建可靠且高性能的表单。您将注册输入项、应用验证规则、显示字段级错误消息,并通过 Controller API 集成第三方界面组件。

16

使用 Animated API 添加动画

B14 节课PRO

使用内置的 Animated API,通过流畅且由原生驱动的动画让 React Native 界面焕发生机。您将学习时间、弹簧和序列动画,并将其应用于不透明度、位置和缩放变换。

17

React Native Reanimated 与手势

B14 节课PRO

使用 React Native Reanimated 3 和 React Native Gesture Handler 构建流畅的手势交互。您将处理滑动、捏合和平移手势,并使用完全运行在界面线程上的工作单元来响应式地为界面添加动画。

18

深层链接与通用链接

B14 节课PRO

让用户能够通过浏览器、电子邮件或其他应用中的 URL 直接打开您的应用。您将为 iOS 和 Android 配置自定义 URL 方案与通用链接,并处理传入的 URL 以导航到正确的界面。

19

使用 Expo 实现推送通知

B14 节课PRO

向用户的设备发送推送通知,即使应用已关闭也能重新吸引用户。您将为设备注册推送令牌,通过 Expo 的推送服务发送通知,并处理点击操作以打开应用内的正确界面。

20

使用 React Query 构建离线优先应用

B14 节课PRO

使用 TanStack React Query 构建即使没有互联网连接也能可靠运行的应用。您将把服务器数据缓存到设备,在连接恢复后同步变更,并为用户提供流畅的离线体验。

21

在 React Native 中使用 Supabase

B24 节课PRO

将 Supabase 集成为 React Native 应用的完整后端,涵盖身份验证、数据库查询和实时订阅。您将构建由 Postgres 数据库支持的身份验证界面,无需编写任何服务器代码。

22

在 RN 中使用 Firebase Auth 与 Firestore

B24 节课PRO

使用 React Native Firebase 库,将 Firebase Authentication 和 Cloud Firestore 添加到 React Native 应用中。您将验证用户身份、存储并查询文档,并监听 Firestore 集合中的实时数据变化。

23

性能优化

B24 节课PRO

诊断并修复 React Native 应用中最常见的性能瓶颈。您将使用 Flipper 和 React DevTools 进行性能分析,消除不必要的重新渲染,优化列表滚动,并减小 JavaScript 包的大小。

24

使用 Jest 和 React Native Testing Library 进行测试

B24 节课PRO

使用 Jest 和 React Native Testing Library 为 React Native 代码编写可靠的单元测试和组件测试。您将独立测试组件、模拟原生模块,并构建能在问题进入生产环境前发现回归的测试套件。

25

使用 Maestro 进行端到端测试

B24 节课PRO

使用 Maestro 在设备或模拟器上自动执行真实用户流程,编写端到端测试。您将录制流程、断言界面元素,并将 Maestro 测试集成到持续集成流水线中,自动发现集成错误。

26

原生模块与 Turbo 原生模块

B24 节课PRO

通过使用 Swift 或 Kotlin 编写原生代码并将其暴露给 JavaScript,扩展 React Native 的内置 API。您将学习传统原生模块模式,以及基于 JSI 的全新 Turbo 原生模块架构。

27

构建 Expo 配置插件

B24 节课PRO

通过编写配置插件,自动完成 Expo 托管工作流应用的原生项目配置。您将通过配置插件修改 AndroidManifest.xml、Info.plist 和构建脚本,无需手动编辑原生文件。

28

提交到 iOS App Store

B24 节课PRO

带领您的 React Native 应用完成 iOS App Store 的完整审核流程。您将配置签名证书和配置描述文件,准备 App Store 元数据,并通过 Xcode 和 EAS Build 提交构建版本。

29

提交到 Android Google Play

B24 节课PRO

从头到尾将您的 React Native 应用发布到 Google Play Store。您将生成已签名的 AAB,使用所有必需资源配置 Play Console 应用页面,并完成首次生产版本发布的分阶段推出流程。

30

综合项目:完整的 React Native 应用

B24 节课PRO

运用本学习路线中的全部知识,从零开始构建完整且可用于生产环境的 React Native 应用。您将规划架构,实现身份验证、数据驱动的信息流、设备功能和动画,并将应用提交到两个应用商店。

常见问题

常见问题解答

React Native Academy 课程免费吗?

免费。你可以免费开始 React Native Academy 课程并完成它的所有互动课程。可选的 PRO 订阅解锁高级 AI 工具和可分享的证书。

学习 JAVASCRIPT 需要有先前的经验吗?

不需要。课程从基础开始,逐步进阶到更高难度的主题,所以即使你没有任何 JAVASCRIPT 基础也可以开始。

我在 CoddyKit 上怎样学习 JAVASCRIPT?

学以致用。简洁的互动课程将清晰的讲解与实时动手编程练习结合,24/7 AI 导师在你遇到困难时提供个性化帮助。

完成 React Native Academy 后能获得证书吗?

可以。PRO 学员可以参加考试,获得 React Native Academy 课程的可分享的完成证书,其中包含可验证的代码。

我能在手机上学习 JAVASCRIPT 吗?

可以。CoddyKit 支持网页版和原生 iOS、Android 应用,你可以在任何设备上学习 JAVASCRIPT,进度会自动同步。

立即开始 React Native Academy

加入数千名学习者,通过 AI 驱动的课程掌握编程。

免费开始 →浏览所有课程