آموزش React
به فصل دوم خوش آمدید! در این فصل، ما از دنیای تئوری خارج شده و به صورت عملی اولین پروژه React خود را راه‌اندازی خواهیم کرد. قبل از اینکه بتوانیم شروع به کدنویسی کنیم، باید محیط توسعه خود را آماده کرده و ابزارهای لازم را نصب کنیم. React یک کتابخانه جاوااسکریپت است، اما اکوسیستم توسعه مدرن آن به چند ابزار کلیدی دیگر، به ویژه Node.js و npm، متکی است.
شاید برایتان سوال باشد که چرا برای توسعه فرانت‌اند با React، به ابزاری به نام Node.js که یک محیط اجرای جاوااسکریپت برای بک‌اند است، نیاز داریم.
Node.js به ما اجازه می‌دهد تا جاوااسکریپت را در خارج از مرورگر و مستقیماً در کامپیوتر خود اجرا کنیم. اکوسیستم توسعه React از این قابلیت برای اجرای ابزارهای مختلفی مانند سرورهای توسعه محلی، باندلرها (مانند Webpack) و ابزارهای تست استفاده می‌کند.
npm مدیر پکیج پیش‌فرض Node.js است و بزرگترین رجیستری نرم‌افزار در جهان را در اختیار دارد. ما از npm برای نصب و مدیریت وابستگی‌های پروژه خود (مانند خود React و سایر کتابخانه‌ها) استفاده خواهیم کرد. npm به صورت خودکار به همراه Node.js نصب می‌شود.
برای نصب Node.js و npm، بهترین و ساده‌ترین راه مراجعه به وب‌سایت رسمی آن است.
پس از اتمام نصب، می‌توانید با باز کردن یک پنجره ترمینال جدید و اجرای دستورات زیر، از نصب موفقیت‌آمیز Node.js و npm اطمینان حاصل کنید:
$ node -v
v20.11.1 # Your version might be different
$ npm -v
10.2.4 # Your version might be different
اگر هر دو دستور شماره نسخه را بدون خطا نمایش دادند، محیط توسعه شما برای شروع کار با React آماده است.
شما می‌توانید از هر ویرایشگر کدی که با آن راحت هستید استفاده کنید، اما Visual Studio Code (VS Code) به دلیل پشتیبانی عالی از جاوااسکریپت و React، اکوسیستم گسترده افزونه‌ها و قابلیت‌های دیباگینگ داخلی، به شدت برای توسعه React توصیه می‌شود.
در این درس، ما با نصب Node.js و npm، اولین و مهم‌ترین قدم را برای ورود به دنیای توسعه React برداشتیم. این ابزارها زیرساخت لازم برای ساخت، مدیریت و اجرای اپلیکیشن‌های مدرن React را فراهم می‌کنند. در درس بعدی، به سراغ «ساخت پروژه با Create React App» خواهیم رفت و با استفاده از این ابزار قدرتمند، اولین پروژه React خود را به صورت خودکار و با بهترین شیوه‌ها راه‌اندازی خواهیم کرد.