از اینجا به پروژه کامل دسترسی پیدا کنید.
الزامات
- Node.js (فقط برای ساخت پروژه با vite استفاده می شود)
- NPM (مدیر بسته گره)
- Rustup (زنجیره ابزار زبان Rust)
- بار (مدیر پکیج Rust)
شروع کردن
برای این مثال، ما از Vite.js برای راه اندازی پروژه و کامپایل کد منبع React استفاده می کنیم.
npm create vite@latest react-rust -- --template react-ts
پروژه اولیه منحصراً برای برنامه های کاربردی سمت مشتری طراحی شده است. در بخش بعدی، آنچه برای تطبیق آن برای بستهبندی فول استک لازم است را بررسی خواهیم کرد.
راه اندازی واکنش
React به دو بیلد مجزا نیاز دارد که برای محیط های مختلف طراحی شده اند:
- ساخت سمت مشتری
- ساخت سمت سرور
چه چیزی این دو خروجی را متمایز می کند؟
ساخت کلاینت تمام منطق هیدراتاسیون را در خود جای داده و React را قادر می سازد تا به طور یکپارچه با HTML تولید شده توسط سرور متصل شود. در مقابل، ساخت سرور یک نسخه ساده تر است که صرفاً بر روی رندر HTML بر اساس موارد دریافتی از سرور متمرکز شده است.
حالا بیایید یک فایل جدید با نام ایجاد کنیم ./src/server.tsx، که به عنوان نقطه ورودی برای ساخت سرور عمل می کند و کد زیر را وارد می کند:
import "fast-text-encoding"; // Mandatory for React18
import { renderToString } from "react-dom/server";
import App from "./App";
export const Server = () = {
const app =...