آموزش کوتاه: راه‌اندازی یک صفحه React ساده در ۵ دقیقه

۱. پیش‌نیازها

• روی کامپیوترت Node.js نصب باشه. دانلود Node.js
• یک ترمینال (Command Prompt یا Terminal) باز کن.

۲. ساخت پروژه React جدید

در ترمینال این دستور رو وارد کن:

npx create-react-app my-react-app

• بجای my-react-app اسم دلخواه بذار.
• صبر کن تا نصب پروژه تموم بشه.

۳. وارد پوشه پروژه شو

cd my-react-app

۴. اجرای برنامه

حالا برنامه رو اجرا کن:

npm start

• مرورگر به صورت خودکار باز میشه و آدرس http://localhost:3000 رو نشون میده.
• تبریک! صفحه اولیه React رو می‌بینی.

۵. ویرایش اولین صفحه

فایل src/App.js رو با یک ادیتور (مثل VS Code) باز کن و عبارت داخل تگ <h1> رو تغییر بده:

function App() {
  return (
    <div>
      <h1>سلام! من اولین صفحه React خودم را ساختم 🎉</h1>
    </div>
  );
}

export default App;

• فایل رو ذخیره کن و تغییر رو تو مرورگر ببین.

خلاصه سریع

۱. نصب Node.js
۲. دستور ساخت پروژه:
npx create-react-app my-react-app
۳. ورود به پروژه:
cd my-react-app
۴. اجرا:
npm start
۵. ویرایش فایل App.js 👏

نکته:

داخل فایل App.js هر چیزی بنویسی، همزمان توی مرورگر نمایش داده میشه!