Remix.js – 实用指南

Remixjs The Practical Guide

了解如何使用 Remix 构建功能丰富且高度反应性的全栈 React 应用程序。

你将学到什么

  • 使用 Remix 构建全栈 React 网站和应用程序
  • 实现动态和嵌套页面
  • 通过优化数据获取构建嵌套布局
  • 无需客户端 JavaScript 逻辑即可处理表单提交
  • 通过会话cookie实现用户身份验证

 

要求

  • 需要基本的 React 知识
  • 无需具备 Remix 知识
  • 无需高级 React 知识

描述

Remix 是一个强劲发展的 React 框架,它(极大地!)简化了构建功能丰富、交互式全栈 React 应用程序和网站的过程。

借助 Remix,后端和前端代码可以无缝协作,并且作为开发人员,您不必担心管理多个独立的项目或代码库。相反,您可以在前端代码旁边实现后端逻辑,然后让 Remix 处理其余的事情。

在本课程中,您将学习如何使用 Remix 从头开始​​构建全栈 React.js 应用程序和网站。所有关键的 Remix 概念都得到深入介绍并逐步教授,慢慢地相互积累。因此,在本课程结束时,您将能够构建自己的 Remix 全栈网站!

作为本课程的一部分,您将构建两个主要的演示项目,包括一个“费用管理网站”,用户可以在其中注册、管理其费用并查看费用分析。作为该项目的一部分,您将学习如何使用 Remix 执行 CRUD(创建、读取、更新、删除)操作以及如何将 React 应用程序连接到数据库。

本课程详细介绍了以下概念:

  • Remix 是什么以及它是如何工作的
  • Remix 与 NextJS
  • 添加路由和页面
  • 使用嵌套路由
  • 管理(可能嵌套的)布局
  • 将页面与非页面组件组合
  • 设置页面和组件的样式
  • 获取数据(也适用于嵌套页面)
  • 提交数据 – 通过表单和以编程方式
  • 后台处理数据提交
  • 在数据库中存储数据以及从数据库中获取数据
  • 验证用户输入
  • 验证用户身份(注册和登录)
  • 通过 cookie 管理会话
  • 优化 Remix 应用程序
  • 部署 Remix 应用程序
  • 以及更多!

本课程适合谁:

  • 想要使用 React 构建全栈应用程序的 React 开发人员
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。