آموزش نصب React | صفر تا راه اندازی React

بدون شک اگر عاشق دنیای برنامه نویسی باشید مخصوصا برنامه نویسی فرانت اند حداقل یکبار اسم React را شنیدید ، در این مقاله قصد داریم به شما آموزش بدهیم چگونه میتوانید React را نصب کنید و از آن استفاده کنید تا بتوانید اولین پروژه React خودتان را توسعه بدهید.

در ادامه مطالب آموزش نصب React و همچنین یک تاریخچه و معرفی React را برای شما آماده کردیم.

React چیست و چه کاربردی دارد؟

در ابتدا باید بدانیم React چیست؟
ریکت یک کتابخانه جاوااسکریپت است (برخلاف تصور بسیاری که آن را فریم‌ ورک می‌دانند) که توسط شرکت فیسبوک توسعه داده شده و از سال ۲۰۱۳ تاکنون به یکی از محبوب‌ترین ابزارهای ساخت وب اپلیکیشن‌های فرانت‌اند تبدیل شده است.

کاربرد React:

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

• توسعه رابط کاربری جذاب و تعاملی

• ساخت اپلیکیشن موبایل با استفاده از React Native

چرا باید React را یاد بگیریم؟

1. سادگی و قدرت بالا

React به شما این امکان را می‌دهد تا با ساده‌ترین روش‌ها، رابط‌های کاربری پیچیده و حرفه‌ای بسازید.

2. بازار کار گسترده

امروزه اکثر شرکت‌های معتبر، توسعه‌دهندگان React را استخدام می‌کنند. بازار کار برنامه‌ نویسان React بسیار پررونق است.

3. یادگیری React Native

پس از یادگیری React می‌توانید به راحتی وارد دنیای توسعه اپلیکیشن موبایل با React Native شوید.

ابزارهای مورد نیاز برای نصب React

قبل از شروع آموزش نصب React باید چند ابزار اولیه را روی سیستم خود نصب کنید:

1. Node.js – محیط اجرا برای جاوااسکریپت و مدیریت پکیج‌ها (npm)

2. ترمینال یا CMD – برای اجرای دستورات نصب

3. (اختیاری) Visual Studio Code – ادیتور حرفه‌ای کد

مرحله اول: نصب Node.js

برای نصب Node.js مراحل زیر را دنبال کنید:

1. وارد سایت رسمی nodejs.org شوید.

1. نسخه LTS را دانلود کنید (دکمه سبز رنگ).

2. پس از دانلود، فایل نصبی را اجرا و نصب کنید.

3. بعد از نصب، سیستم را ریستارت کنید.

برای اطمینان از نصب موفق، ترمینال (CMD) را باز کنید و این دو دستور را اجرا کنید:

اگر شماره نسخه برای هر دو نمایش داده شد، نصب با موفقیت انجام شده است.

مرحله دوم: نصب React با npx (روش رسمی)

ساده‌ترین روش نصب React استفاده از ابزار npx است که همراه Node.js نصب می‌شود. کافی است مراحل زیر را دنبال کنید:

1. وارد پوشه‌ای شوید که می‌خواهید پروژه ریکت را در آن بسازید.

   • از طریق CMD:

     cd C:/Projects

   • یا از طریق Windows Explorer روی نوار آدرس کلیک کرده و cmd بنویسید و Enter بزنید.

2. دستور نصب React را اجرا کنید:

   npx create-react-app my-app

   • به جای my-app می‌توانید نام دلخواه پروژه خود را وارد کنید.

1. پس از نصب، وارد پوشه پروژه شوید:

   cd my-app

2. سپس پروژه را اجرا کنید:

   npm start

✅ حالا پروژه React شما آماده است و مرورگر شما باید صفحه خوش‌آمدگویی React را نمایش دهد.

روش دوم: نصب React با Vite (پیشنهادی برای پروژه‌های سریع‌تر)

اگر می‌خواهید با سرعت بالا پروژه خود را راه‌اندازی کنید، استفاده از Vite گزینه‌ای بسیار عالی است. مراحل:

1. دستور زیر را در ترمینال اجرا کنید:

   npm create vite@latest

2. سپس نام پروژه و نوع فریم‌ورک (React) را انتخاب کنید.

3. وارد پروژه شوید و پکیج‌ها را نصب کنید:

   cd my-vite-app npm install npm run dev

✅ سرعت اجرای پروژه با Vite بسیار بالاست و مناسب پروژه‌های مدرن است.

نتیجه‌گیری

یادگیری React یکی از بهترین تصمیم‌هایی است که می‌توانید در مسیر برنامه‌ نویسی فرانت‌اند بگیرید.
در این مقاله، سعی کردیم آموزش نصب React را از صفر تا صد به ساده‌ترین شکل ممکن ارائه دهیم.

اگر سؤالی داشتید حتما در بخش نظرات بپرسید تا راهنمایی‌تان کنیم.