新的 React.js 18 和 Firebase 9 项目。

使用React js 18、Firebase 9、Tailwind CSS 3 和React router 6构建Realtor（房地产）克隆。

学习React.js、Firebase和Tailwind CSS创建房地产网站的最佳课程。在这个全新的课程中，您将学习如何使用 ReactJS 版本 18、Firebase 版本 9 和 tailwind CSS 版本 3 构建房地产经纪人克隆。

欢迎来到该项目，您将使用最新版本的 React、Firebase 和 Tailwind CSS 构建和部署房地产经纪人克隆应用程序。您将学习如何开发专业网站并将其部署到互联网上，以便您可以与您的朋友和潜在客户分享或将其放入您的投资组合中。在这个全新的项目中，我们将创建一个令人惊叹的新列表部分、自定义类别、响应式设计、列表卡、租赁和销售页面，以及最重要的列表页面，您可以在其中看到地图和图像滑块。房地产经纪人克隆是您当前可以找到的最好的现代全功能房地产应用程序。通过构建这个单一的 Web 应用程序，您将获得构建任何使用 CRUD 操作的网站所需的知识，包括使用 Firebase Firestore 数据库在 React 中创建、读取、更新和删除。您将学习Firebase 身份验证以进行完整身份验证，并了解如何使用用户名和密码以及Google oAuth注册或登录用户。此外，我们将使用Firebase 身份验证添加忘记密码功能，让用户收到包含更改密码链接的电子邮件。

您将能够使用当今最受欢迎的技术（例如react.js、Firebase、tailwind CSS）以及一些其他依赖项（例如leaflet 和swiper js）来开发此网站。我们将使用传单包添加地图，并使用Google 地理定位 API将地址转换为纬度和经度值。我们将学习如何使用Swiper.js最新版本添加一个超级惊人的图像滑块。您将学习如何使用React toastify包来创建漂亮的自定义通知。与所有现代网站一样，您将创建一个漂亮的旋转组件，并在所有需要加载效果的页面中使用它。我们将学习如何创建可重用的组件，例如可以在网站的不同部分使用的列表卡。

通过观看本课程，您将从头开始构建一切。我们将从简单开始，然后在构建此应用程序的过程中转向更复杂的主题。您将学习 React 功能组件及其可重用性、React 文件和文件夹结构。您将学习重要的反应事件，例如onChange和onSubmit事件侦听器。我们将学习如何使用useEffect和useState React hook 来控制状态并从 Firestore 数据库获取数据。此外，您还将学习如何使用React Router最新版本 6 创建路由、使用useParams和useNavigate挂钩。我们将致力于创建私有路由和自定义挂钩，以保护重要页面（例如用户个人资料页面）。您将掌握使用 Tailwind CSS 版本 3 的能力，并学习如何使用Tailwind CSS设计项目样式，包括如何添加自定义类。最后，我们将把网站部署到Vercel，以便能够与其他人共享或将其放入您的投资组合中。

您可能想知道构建如此出色的网站的先决条件是什么。您只需要了解一点 HTML CSS 和 JavaScript 就可以了。

我叫Sahand，拥有超过 15 年的编程经验。

我将担任你的导师，并回答你在评论部分提出的任何问题。