راه اندازی react-native با استفاده از Expo

به نام خدا
سلام مجدد
یکی از روش های نوشتن برنامه های موبایلی (اندروید و ios) استفاده از تکنولوژی محبوب react-native هست
اول این نکته رو متذکر بشم که بعضی ها فک میکنن React همون React-Native هست
یه توضیح بدم که react-native داریم و Reactjs
اولی برای توسعه برنامه های موبایلی هست و دومی برای توسعه برنامه های وب.
اما لایبرری هایی هست که این امکان رو به شما میده که Reactnative کد بزنید و در همه پلتفورم هایی که نام بردم استفاده کنید . مثل React-native-web
به همون اندازه که بین React-native و reactjs اشتراکات هست بینشون تفاوت ها تمایزاتی هست.
به طور الگوی توسعه نرم افزار در هردو یکی هست ولی هرکدوم مفاهیم و لایبرری های خاص خودشون رو برای توسعه استفاده میکنند.
برای مثلا در reacjs ما ویژگی یا مفهوم client routing رو داریم که بدون این که کاربر احساس کنه صفحه مرورگرش داره ریدایرکت میشه بین صفحه ها جابجا میشه و اونجا از لایبرری معروف react-router استفاده میشه.
ولی توی React-native همچین چیزی نداریم یعنی اصلا جابجا شدن در صفحات برنامه با جابجا شدن در صفحات یک صفحه وب متفاوت هست و به جای اون از react navigation استفاده میکنیم.
پس اگر یکی گفت من reactjs بلدم پس میتونم برنامه های موبایلی هم بنویسم همچین چیزی نیست. و کلی چیزای دیگه هم باید یاد بگیره

این چیزایی که نوشتم هیچ ربطی به تیتر پست نداشت :))
حالا میپردازیم به تیتر اصلی




برای نصب react-native ما طبق چیزی که سایت اصلی میگه انجام میدیم ولی نمیشه حالا توضیح میدم چی میشه که نمیشه

اولا که برای توسعه React-native نیاز به هیچ چیزی به جز یه مرورگر و یه شبکه و Nodejs ندارید
پس شروع کنید

1- اول nodejs رو نصب کنید اگرم نصب بوده مطمئن باشید که نسخه 8 به بالا هست (توی گوگل زود سرچش کنید و نصبش کنید)

2- برا این که مطمئن شید نصب شده توی cmd بنویسید

node -v

جوابش یه چی میاد که نسخه رو میگه. برای من :

v8.9.3


خوب کافیه همین که بیشتراز 8 باشه برای کار ما کفاف میده.

3- حالا دستور زیر رو بزنید

npm install -g expo-cli


4- به خطای زیر خوردید؟

Please check if you have git installed and in your PATH.

خوب چک کنید اگر موقع نصب به خطایی خوردید که یه همچین پیامی توش بود مراحل زیر رو برید اگرم نه که تبریک میگم نصب Expo با موفقیت برای شما انجام شد شما دیگه کاری ندارید !

5- زود برید به این آدرس :

https://desktop.github.com/

و نسخه git رو اگر ویندوز استفاده میکنید نسخه ویندوزی اگرم mac استفاده میکنید و بچه پولدارید نسخه mac رو نصب کنید
6- بعدش باید یه مسیر بدید به environment variables که سیستم دستور git رو بشناسه
برای این کار توی Cmd دستور زیر رو بزنید و به تب Advanced برید


 sysdm.cpl SystemProperties or sysdm.cpl DisplaySYSDMCPL 


روی دکمه environment variables کلیک کنید و توی قسمت user variables
طبق عکس زیر عمل کنید


و مسیر زیر رو به مسیر هایی که هست اضافه کنید
C:\Users\{user}\AppData\Local\GitHubDesktop\app-1.6.3\resources\app\git\cmd
البته مسیر بالا برای سیستم من هست
مسیر خودتون یه چیزی شبیه به این هست که باید پیدا کنید

پنجره cmd قبلی رو ببنید(اصن همشو ببندید) و یه جدید باز کنید و دستور مرحله 3 رو مجدد اجرا کنید
اگر نصب نشد کامنت بذارید با اسکرین شات ببینم میفهمم چشه.

با تشکر