【Udemy中英字幕】Build an app with React, Redux and Firestore from scratch

从头开始使用 React、Redux 和 Firestore 构建应用程序

学习如何使用 React、Redux 和 Firestore 构建 Web 应用，从开始到发布

讲师：Neil Cummings

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

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

您将学到什么

• 在本课程结束时，学生将能够使用 React、Redux 和 Firestore 创建应用程序。
• 学生将通过参加本课程提高他们的 JavaScript 技能

探索相关主题

要求

• 学生应该熟悉 HTML、CSS 和 Javascript
• 需要一台装有 Windows、Mac OSX 或 Linux 的计算机
• 我们将使用（免费）Google 服务，因此需要一个 Google 帐户

描述

* 截至 2025 年 4 月已完成重新制作、重新构思和重新录制*

截至 2025 年 4 月，我们使用可用的工具和技术构建了该课程，从头开始重新编写和录制了该课程。   

你想在构建完整应用的背景下学习 React 和 Redux 吗？你想了解 Firestore——谷歌推出的一款全新数据库产品，它可以为我们的应用提供“实时数据”吗？你是那种更倾向于实际构建应用，而不是观看无休止的幻灯片来学习如何运作的学习者吗？如果是这样，那么这门课程就是为你准备的！

在本课程中，我们从头到尾构建一个完整的应用程序。 

每行代码都经过演示和讲解。我们先用 React 构建一个 CRUD 应用，然后通过添加 Redux 进行增强，最后添加 Firestore 为应用提供持久层。

以下是您将在本课程中学习的一些内容：

• 设置开发者环境

• 使用 Facebook 的 create-react-app 实用程序创建 React 应用程序

• 使用 Firebase 身份验证的登录和注册功能

• 在应用程序中添加 Facebook 和 Google 的社交登录

• Google 地图和地点自动完成集成

• 使用拖放功能上传照片，并在上传前调整图像大小和裁剪

• 添加实时聊天系统

• 使用 Firestore 进行分页、排序和过滤

• 无限滚动分页

• Firestore 数据库设计

• 使用 React hook forms 创建可重用的表单组件

• 使用 Tailwind CSS、DaisyUI 和 Framer Motion 构建美观的应用程序

• 还有更多东西

本课程所需的工具

本课程所有课程均使用 Visual Studio Code 进行演示，这是一款免费且非常优秀的跨平台代码编辑器。当然，您也可以使用自己喜欢的 IDE 或代码编辑器，以及任何您喜欢的操作系统……只要是 Mac OS X、Windows 或 Linux 即可。

这门课程适合你吗？

这门课程非常实用。我们大约 90% 的时间都用于实际构建应用程序。如果您是那种喜欢“边做边学”的人，那么这门课程非常适合您。

请注意，我们并非从零开始学习编程。虽然本课程面向初学者，但您需要具备一些基本的 JavaScript 知识（不需要太多），或者如果您之前学习过其他编程语言，那么本课程应该没问题。本课程旨在帮助您从零基础开始，逐步掌握构建更强大应用程序的技能。

我们在这门课程上做什么

我们正在开发一款社交活动应用，类似于 Facebook 的活动或 Meetup。构建社交应用让我们有机会构建比简单的 CRUD 应用更丰富的功能。

本课程适合哪些人：

• 熟悉 HTML、CSS 和 JS 并希望了解 React 和 Redux 的初级开发人员
• 想要了解 Google 新数据库服务 Firestore 的初级开发者