زبان جاوا اسکریپت دارای فریم ورک‌ها و کتابخانه‌های متعددی است که در مقاله‌ی بهترین فریم ورک‌های جاوا اسکریپت به طور مختصر به معرفی فریم ورک‌ها و کتابخانه‌های معروف جاوا اسکریپت  پرداخته‌ایم که یکی از این فریم ورک‌ها React Native است. از React Native برای نوشتن موبایل اپلیکیشن‌ها به صورت Native استفاده می‌شود. اگر به آشنایی بیشتر با این فریم ورک علاقه‌مند هستید پیشنهاد می‌کنیم مقاله‌ی React Native چیست و چه کاربردی دارد را مطالعه کنید. در این مقاله قصد داریم نحوه‌ی نصب react native در ویندوز را آموزش دهیم.

پیش نیاز ها

قبل از نصب React Native باید این سه برنامه را روی سیستم خود نصب کنیم:

1- Node.js

2-Android Stadio

3-JDK

پیشنهاد می‌کنیم برای آموزش نصب Node.js  مقاله‌ی آموزش نصب Node.js را مطالعه کنید.

برای دانلود و  نصب Android Stadio روش‌ها و سایت‌های ایرانی زیادی وجود دارد. ولی پیشنهاد ما این است که مستقیم از سایت خود Android Stadio دانلود کنید و نصب کنید.

برای دانلود و نصب jdk می‌توانید از این مقاله استفاده کنید.

در ادامه دو روش را برای نصب معرفی می‌کنیم. لازم به ذکر است در تمامی مراحل باید اینترنت روشن باشد.

روش اول

قدم اول :

command line را باز کنید و دستور زیر را در آن وارد کنید:

npm install -g create-react-native-app

در خروجی قطعه کد فوق متن زیر را در command line مشاهده می‌کنید:

قدم دوم:

در این مرحله یک پوشه ایجاد می‌کنیم تا در ادامه فایل‌های برنامه درون آن ایجاد شود. ما این پوشه را در Desktop ایجاد می‌کنیم و نام آن را MyReactNative می‌گذاریم. در نتیجه دستور زیر را در command line وارد می‌کنیم تا در مسیر قرار گیریم:

cd Desktop

سپس دستور زیر را وارد می‌کنیم:

create-react-native-app MyReactNative

پس از چند دقیقه متن زیر را مشاهده می‌کنیم:

قدم سوم:

در این مرحله react-native-cli را نصب می‌کنیم. برای این کار دستور زیر را در command line وارد می‌کنیم:

npm install -g react-native-cli

پس از اجرای دستور فوق در خروجی کد‌های زیر را مشاهده می‌کنیم:

قدم چهارم:

در این مرحله وارد پوشه‌ی MyReactNative می‌شویم و دستور زیر را وارد می‌کنیم:

cd MyReactNative npm start

اگر همه مراحل درست اجرا شده باشد در نهایت تصویر زیر را مشاهده خواهیم کرد:

روش دوم: نصب react native با expo

این روش نسبت به روش اول ساده‌تر و سریع‌تر است.

قدم اول:

در command line دستور زیر را وارد کنید:

npm install -g expo-cli

پس از اجرای دستور فوق دستور زیر را وارد کنید. دستور زیر پوشه ای با نام AwesomeProject را در مسیری که مشخص کردیم می‌سازد. برای مثال پوشه ی ما در مسیر /C:/Users/user ایجاد می‌شود.

expo init AwesomeProject

خروجی دستور فوق به صورت زیر است:

قدم دوم:

حال با وارد کردن دستور زیر وارد پوشه‌ی AwesomeProject می‌شویم:

cd AwesomeProject

سپس یکی از دو دستور زیر را وارد می‌کنیم:

دستور شماره 1:

npm start

دستور شماره 2:

expo start

حال اگر تمامی مراحل فوق درست اجرا شده باشد QR کد زیر را در command line  مشاهده می‌کنیم:

جمع‌بندی

در این مقاله به آموزش نصب react native در ویندوز به دو روش پرداختیم. در ادامه تصمیم گیری در مورد اینکه از کدام روش استفاده کنید و کدام روش بهتر است را به شما می‌سپاریم.

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