使用 Node 和 React 构建基本的 CRUD 应用程序

suchonaseo

本文最初发表在Okta 开发者博客上。感谢您对合作伙伴的支持，使 SitePoint 成为可能。 如今有很多JavaScript 框架。似乎我每个月左右都会听到一个新的消息。它们都有各自的优点，通常是为了解决现有框架的某种问题。到目前为止，我最喜欢使用的是 React。它最好的事情之一是 React 生态系统中有很多开源组件和库，因此您有很多选择。如果你优柔寡断，这可能真的很困难，但如果你喜欢按照自己的方式做事的自由，那么 React 可能是你的最佳选择。 在本教程中，我将引导您在 React 中创建前端 Web 应用程序，在 Node 中创建后端 REST API 服务器。前端将有一个主页和一个帖子管理器，帖子管理器隐藏在安全用户身份验证后面。



作为一项附加的安全措施，除非您经过正确的身份验证，否则后端也不会允许您创建或编辑帖子。 本教程将使用Okta 的 OpenID Connect (OIDC)来处理身份验证。在前端，Okta React SDK将用于请求令牌并在对服务器的请求中提供它。在 WhatsApp 号码数据 后端，Okta JWT 验证程序将确保用户经过正确身份验证，否则会抛出错误。 后端将使用Express作为服务器编写，Sequelize用于建模和存储数据，Epilogue用于快速创建 REST API，而无需大量样板。 为什么要反应？ React 是过去几年最流行的 JavaScript 库之一。它背后最重要的概念之一，也是让它如此之快的原因，是使用虚拟 DOM（文档对象模型，即 DOM，描述网页的布局）并对真实 DOM 进行批量的小更新。



并不是第一个这样做的库，现在已经有很多库了，但它确实让这个想法变得流行。这个想法是 DOM 很慢，但 JavaScript 很快，所以你只需说出你想要的最终输出是什么样子，React 就会在幕后对 DOM 进行这些更改。如果不需要进行任何更改，则不会影响 DOM。如果只有一小部分文本字段发生变化，它只会修补该一个元素。 React 最常与 JSX 相关联，尽管也可以在没有 JSX 的情况下使用 React。JSX 允许您将 HTML 与 JavaScript 混合在一起。您可以用 JavaScript 编写所有内容，而不是使用模板定义 HTML 并将这些值绑定到视图模型。值可以是纯 JavaScript 对象，而不是需 React 组件，这些组件最终看起来就像代码中的任何其他 HTML 元素一样。