آموزش نصب react native در ویندوز

زبان جاوا اسکریپت دارای فریم ورک ها و کتابخانه های متعددی است که در مقاله ی بهترین فریم ورک های جاوا اسکریپت به طور مختصر به معرفی فریم ورک ها و کتابخانه های معروف جاوا اسکریپت  پرداخته ایم که یکی از این فریم ورک ها 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 

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

روش دوم: نصب 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 همه فن حریف تبدیل می شوی که آماده ی استخدام، دریافت پروژه و یا فول-استک شدن هستی.