اگر قصد یادگیری React.js رو داری، اولین قدم نصب و راه‌اندازی محیط کاری مناسب هست. در این راهنما، قراره یاد بگیریم چطور React JS رو با استفاده از npm نصب کنیم .

برای این کار نیازی نیست با Node.js کار کنی، فقط از npm استفاده می‌کنیم — ابزاری که بهت کمک می‌کنه به راحتی کتابخانه‌ها و پکیج‌های React رو دانلود و استفاده کنی.

---

۱. نصب Node.js و npm

اولین قدم برای استفاده از React با npm، نصب Node.js هست، چون npm همراه با Node نصب می‌شه.

به سایت رسمی Node.js برو: https://nodejs.org

نسخه LTS (نسخه پایدار) رو دانلود کن.

فایل نصب رو اجرا کن و تمامی گزینه‌ها رو بپذیر.

پس با node کاری نداریم و فقط npm هست.  خب پس برای شروع آموزش نصب ری اکت وارد سایت nodejs.org میشیم که دو ورژن برای دانلود وجود داره ما ورژنی رو انتخاب میکنیم که پایینش Recommended For Most Users نوشته شده باشه که برای اکثر کاربران پیشنهاد میشه که در عکس پایین گزینه ی مورد نظر با رنگ زرد هایلایت شده:

که بعد از کلیک کردن روی این گزینه مراحل نصب react js در ویندوز رو پیش بگیرین . و بعد از نصب کردن cmd رو بالا بیارین و بعد داخل اون بنویسین node -v که باید ورژن node یی که نصب کردین رو بنویسه که تو عکس پایین هایلایت شده و این یعنی نود نصب شده و هیچ مشکلی نیست پس وابستگی اصلی الان نصب شده :

حوه نصب react js : استفاده از ابزار yarn

نحوه نصب ری اکت جی اس با yarn  هم شبیه روش قبلیه و همون کارایی npm رو داره که برای نصب ری اکت جی اس در موردش صحبت کردیم، و خب میگن که yarn یک مقدار سرعت بیشتری رو نسبت به npm داره.

نصب yarn:

npm i -g yarn

و میاد و اون رو برای ما نصب میکنه

نحوه نصب ری اکت جی اس : استفاده از ابزار create react app

خب ، حالا میخایم نحوه نصب ری اکت جی اس با ابزار create react app در بحث راه اندازی ری اکت جی اس صحبت کنیم. حالا چرا برای نصب react js در ویندوز یا بقیه سیستم عاملها به این ابزار نیاز داریم ؟! اوایل که ری اکت اومد تا قبل از ارایه شدن این ابزار ، ما باید خودمون تمامی مواردی که ری اکت نیاز داشت رو قرار میدادیم

از جمله  Web server و babel که باید سینتکس جدید جاوا اسکریپت رو به قدیم ترجمه میکردکه باعث بشه در تمامی مرورگر ها به طور یکسان اجرا بشه ،  باید از وب پک استفاده میکردیم ، از npm استفاده میکردیم یک ابزار برای مدیریت کردن پکیج هایی که نصب میکنیم، هست اما توسعه دهنده های ری اکت جی اس اومدن دیدن که پیاده سازی تمامی این ابزار ها احتمالا باعث بشه که خیلی ها اصلا این سمت نیان چون راه اندازی اولیه ش سخته و این شد که اومدن و ابزار create react app رو ساختن.

که این ابزار باعث میشه که تمامی مواردی که گفته شد، وب سرور و غیره به صورت اتوماتیک برای شما نصب بشه و به صورت پیشفرض هم اخرین نسخه ی react رو هم برای شما دانلود میکنه. خب دوباره cmd رو باز کنین و داخلش بنویسین :npm  i  -g  create-react-app . که شروع میکنه به نصب کردن اون به حالت global در سیستمتون:

ساختن اولین پروژه ری اکت جی اس 

خب تا این جای کار نصب react با ابزار create react app انجام شده و حالا وقت اینه که بریم و اولین پروژه مون با ری اکت جی اس رو بسازیم بسیارخب میایم و داخل cmd مینویسیم:

create-react-app   firstproject

first project اسم پروژه ی ماست شما هر اسمی که دوست دارین میتونین بزارین و خودش میاد و این فولدر و برای ما میسازه و تمام مواردی که نیاز هست رو دانلود میکنه و برای من قرار میده. خب حالا که با نحوه نصب react js آشنا شدید و مراحل نصب react js تون کامل شد، حالا برای شروع پروژه واستارت زدنش میایم داخل cmd مون مینوسیم:

cd  first project 

و بعد از اون :

yarn  start

به جای yarn میتونین از خود npm هم استفاده کنین . هرجور که راحت تر هستین! بعد از اینتر زدن سرورِ توسعه ی مارو اجرا میکنه و بعد ازاون مرورگر به صورت دیفالت میاد بالا که تو تصویر زیر مشاهده میکنین: