ری‌اکت از ابتدا به‌گونه‌ای طراحی شده که بتوان آن را به‌صورت تدریجی به کار گرفت. می‌توانید به همان اندازه که نیاز دارید از ری‌اکت استفاده کنید؛ چه بخواهید فقط با ری‌اکت آشنا شوید، چه مقداری تعامل به یک صفحه HTML اضافه کنید، یا یک اپلیکیشن پیچیده با ری‌اکت بسازید—این بخش به شما کمک می‌کند تا شروع کنید.

ری‌اکت را امتحان کنید

برای بازی با ری‌اکت نیازی به نصب هیچ چیزی ندارید. این سندباکس را امتحان کنید و آن را ویرایش کنید!

function Greeting({ name }) {
  return <h1>Hello, {name}</h1>;
}

export default function App() {
  return <Greeting name="world" />
}

می‌توانید مستقیماً آن را ویرایش کنید یا با فشردن دکمه “Fork” در گوشه بالا سمت راست، آن را در یک تب جدید باز کنید.

بیشتر صفحات موجود در مستندات ری‌اکت شامل سندباکس‌هایی مانند این هستند. خارج از مستندات ری‌اکت، سندباکس‌های آنلاین زیادی وجود دارند که از ری‌اکت پشتیبانی می‌کنند؛ برای مثال، CodeSandbox، StackBlitz، یا CodePen.

برای امتحان کردن ری‌اکت به‌صورت محلی روی رایانه‌تان، این صفحه HTML را دانلود کنید.
آن را در ویرایشگر و مرورگر خود باز کنید!

ساخت یک اپلیکیشن ری‌اکت

اگر می‌خواهید یک اپلیکیشن ری‌اکت جدید راه‌اندازی کنید، می‌توانید از ساخت یک اپلیکیشن ری‌اکت با استفاده از یک فریم‌ورک پیشنهادی شروع کنید.

ساخت اپلیکیشن ری‌اکت از صفر

اگر یک فریم‌ورک برای پروژه‌تان مناسب نیست، ترجیح می‌دهید فریم‌ورک خودتان را بسازید، یا فقط می‌خواهید اصول اولیه‌ی یک اپلیکیشن ری‌اکت را یاد بگیرید، می‌توانید اپلیکیشن ری‌اکت را از صفر بسازید.

افزودن ری‌اکت به یک پروژه‌ی موجود

اگر می‌خواهید استفاده از ری‌اکت را در اپلیکیشن یا وب‌سایت موجود خود امتحان کنید، می‌توانید ری‌اکت را به یک پروژه‌ی موجود اضافه کنید.

نکته

آیا باید از Create React App استفاده کنم؟

خیر. Create React App منسوخ شده است. برای اطلاعات بیشتر، پایان پشتیبانی از Create React App را ببینید.

گام‌های بعدی

به راهنمای شروع سریع بروید تا با مهم‌ترین مفاهیم ری‌اکت که هر روز با آن‌ها سروکار خواهید داشت، آشنا شوید.