[Newline] 使用Hasura和React的全栈式评论指南 | Guide to Full Stack Comments with Hasura and React

使用 Hasura 和 React 为您的网站构建和实施一个全面的评论系统。我们将使用评论功能来教授 Hasura 等技术概念，并获得适当的授权、乐观的更新以提供更响应的 UI、分页和在 NPM 中发布库。

你将学到什么

用 Hasura 构建 GraphQL API

使用 PostgresSQL 进行数据库建模

如何实现自定义 React 钩子

响应式 UI 的乐观更新

实现分页和乐观更新

使用 Tailwind 构建评论 UI

测试的重要性，以及如何测试 React 组件

如何将库发布到 NPM

使用 Hasura 和 React 进行全栈评论的换行指南
使用 Hasura 和 React 为您的网站构建和实施一个全面的评论系统。我们将使用评论功能来教授 Hasura 等技术概念，并获得适当的授权、乐观的更新以提供更响应的 UI、分页和在 NPM 中发布库。

为什么选择这门课程

许多开发人员希望在他们的网站或博客中添加评论部分，供用户发表评论或进行讨论。虽然可以使用现有的托管解决方案，例如 Disqus 或 Facebook 评论，但它们通常会收取费用并强加其 UI，几乎无法控制修改或自定义。

另一种选择是从头开始构建你自己的——这就是我们将在本课程中所做的。我们将使用 Hasura，它从数据库生成 GraphQL API，以便后端部分尽可能简单且耗时最少。在此过程中，我们将学习数据库、GraphQL、使用 React 和 TypeScript 构建 UI 组件等等。在本课程结束时，您将在我们称为“为什么要评论？”的网站上添加一个评论系统，其中所有评论都由 Hasura 存储。我们还将将获取和添加评论逻辑作为库发布到 NPM。

本课程侧重于构建评论小部件，但是，您将获得的技能将允许您构建您可以为您的应用程序想到的任何全栈小部件。您将能够在工作、开源或您自己的项目中为全栈 React、GraphQL 和 Hasura 项目做出贡献。您会发现这个堆栈不仅消除了拥有大型后端开发团队的需要，而且可以让您的项目更快地进行。

您的讲师

您好，我是 Aleksandra，我是您本课程的讲师。我是 Hasura 控制台的前技术主管和 Bliz.js 的主要维护者。本课程结合了我在 TypeScript、React、Hasura、GraphQL 和一般应用程序开发等几个领域的知识。