React Native + Expo + Supabase

实战：打造完整的活动票务应用 (英文课程中文字幕) 视频数量：27个 总时长：4小时3分 课程介绍： React Native + Expo + Supabase 实战：打造完整的活动票务应用 你有没有想过，一个活动票务App从零到上线需要掌握哪些技术？用户注册登录、活动发布管理、票务购买支付，这些功能是怎么串联起来的？这门课会用4个小时，带着你从头到尾做一个真实的活动票务应用，让你真正理解一个完整的移动端产品是怎么开发出来的。 课程使用的技术栈是 React Native + Expo + Supabase。这套组合在跨平台移动开发里非常实用：React Native 可以同时开发 iOS 和 Android 应用，Expo 简化了环境配置和开发流程，Supabase 则提供了后端服务包括数据库和认证功能，不需要你单独搭建服务器。三者配合，开发效率会高很多。 课程一开始会从项目初始化讲起。你会学到怎么用 Expo 快速创建 React Native 项目，怎么引入 React Native Paper 这个 Material Design 风格的 UI 组件库，然后搭建基本的项目结构。这些看起来是准备工作，但其实好的项目结构能让后面的开发顺畅很多。 接下来的认证模块会分界面和后端两部分来讲。界面部分包括欢迎页、注册页和登录页的设计和实现，你会学到怎么用 React Navigation 创建路由、管理页面跳转，怎么设计美观且易用的表单界面。后端部分会教你配置 Supabase 项目，实现用户注册和登录的接口，理解前后端是怎么协同工作的。 认证完成后，你会处理登录状态的判断和页面重定向。比如已登录用户不应该看到欢迎页，未登录用户不能访问活动页面。这些逻辑在实际项目里非常重要，决定了用户能不能正常流畅地使用你的应用。同时你还会搭建应用的整体布局，包括底部导航栏的设计，以及个人资料页面的实现。 活动的增删改查是这门课的核心功能之一。你会学到怎么设计活动的数据结构，怎么创建活动表单、如何实现图片上传功能。活动列表页面怎么展示活动卡片、怎么实现活动的编辑和更新，这些都会手把手带着做。这部分学完，你就掌握了活动类应用的主要内容管理功能。 用户端的界面和发布端有所不同。你会实现一个专门给普通用户看的首页，浏览和搜索活动，查看活动详情页面。这部分会教你怎么复用之前做好的活动组件，同时根据用户视角调整展示内容和交互方式。 最后是最关键的票务购买功能。你会集成 Stripe 支付系统，这在付费类应用里几乎是必学的。首先在 Supabase 端配置支付后端服务，然后在应用前端实现票务价格的选择界面，接着把前端和后端打通，最后处理支付成功后的订单保存逻辑。这部分内容相对复杂，但学完你会对支付流程有清晰完整的理解。 课程最后会实现订单展示和用户报表功能。用户可以查看自己买过的票，活动举办方可以看销售数据报表。这些功能让整个应用形成了完整的闭环。 这门课适合有一定 JavaScript 和 React 基础，想学习移动端全栈开发的同学。不需要你有移动开发经验，但最好对 React 组件、Hooks 这些概念有基本了解。课程用的技术比较新，讲解也比较直接，学完你能获得从零开发完整 App 的实战经验，对于想转型做移动开发或者接私活做项目的同学会很有帮助。