关于

Resolid 是使用 React Router 驱动的全栈网站,旨在展示使用 React Router、React、Tailwind CSS、Vite、Drizzle ORM、MySQL、Hono、Node.js 和 Vercel 等现代 Web 技术构建高性能、可扩展和用户友好的 Web 应用程序的最佳实践。

技术栈

React

React 可以改变你对所查看的设计和构建的应用的思考方式。当你使用 React 构建用户界面时,首先会将其分解为称为组件的部分。接下来,你将描述每个组件的不同视觉状态。最后,你将连接这些组件,使数据通过它们流动。

React Router

React Router 是 React 的多策略路由器,弥补了 React 18 到 React 19 的差距。您可以最大程度地将其用作 React 框架,也可以最小程度地将其用作具有您自己的架构的库。

Tailwind CSS

Tailwind CSS 的工作方式是通过扫描所有的 HTML 文件、JavaScript 组件和其他模板中的类名,生成相应的样式,然后将它们写入一个静态的 CSS 文件。

它速度快、灵活且可靠,且零运行时。

Vite

Vite 是一种具有明确建议的工具,具备合理的默认设置。您可以在 功能指南 中了解 Vite 的各种可能性。通过 插件,Vite 支持与其他框架或工具的集成。如有需要,您可以通过 配置部分 自定义适应你的项目。

Vite 还提供了强大的扩展性,可通过其 插件 API 和 JavaScript API 进行扩展,并提供完整的类型支持。

Drizzle ORM

Drizzle ORM 是一个带有头部🐲的无头 TypeScript ORM。 它看起来简单而直观,能够在项目的第1000天保持高性能,允许你按照自己的方式进行操作,并在需要时提供支持。

MySQL

MySQL 数据库服务是一个完全托管的数据库服务,可使用世界上最受欢迎的开源数据库来部署云原生应用程序。 它是百分百由 MySQL 原厂开发,管理和提供支持。

Hono

Hono - [炎] 在日语中表示火焰🔥,是一个面向 Edge 的小型、简单且超快速的 Web 框架。它适用于任何 JavaScript 运行时环境:Cloudflare Workers、Fastly Compute、Deno、Bun、Vercel、Netlify、AWS Lambda、Lambda@Edge 和 Node.js。

Node.js

Node.js 是一个开源且跨平台的 JavaScript 运行环境。它是几乎任何类型项目的热门工具! Node.js 运行的是 V8 JavaScript 引擎,这是 Google Chrome 浏览器的核心,但在浏览器之外运行。这使得 Node.js 具有很高的性能。

Vercel

Vercel 的前端云为开发人员提供构建、扩展和保护更快、更个性化 Web 的体验和基础设施。

Aiven for MySQL

完全托管和管理 MySQL。在您选择的云中进行部署,并在一个直观的云数据平台中获得您所需的所有集成。