ری‌اکت

ری‌اکت (React) کتابخانه جاوااسکریپتی برای ساخت رابط کاربری بر اساس کامپوننت است. رابط از توابعی تشکیل می‌شود که با تغییر State دوباره رندر می‌شوند. ری‌اکت به‌تنهایی Router، سیستم Fetch داده و استراتژی استقرار کامل را برای همه پروژه‌ها تعیین نمی‌کند.

شروع یک پروژه با Vite

npm create vite@latest shop-ui -- --template react-ts
cd shop-ui
npm install
npm run dev

نمونه کامپوننت و State

import { useState } from "react";
export function AddToCart() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(count + 1)}>
    افزودن به سبد: {count}
  </button>;
}

چه زمانی Next.js مناسب‌تر است؟

در سایت‌های محتوامحور که رندر سروری، Routing یکپارچه و تحویل HTML اولیه اهمیت دارد، نکست‌جی‌اس گزینه مهمی برای بررسی است. پروژه‌های داشبوردی می‌توانند با Vite و ری‌اکت ساده‌تر شروع شوند.

مفاهیم کامپوننت و دیزاین پترن استیت معنای متفاوتی دارند. State کامپوننت ری‌اکت را نباید با دیزاین پترن State یکسان دانست.