امیرمحسن کسایی
امیرمحسن کسایی
خواندن ۲ دقیقه·۶ سال پیش

نصب و راه اندازی REACT NATIVE

سلام..! امیرمحسن هستم و این اولین پستمه :)

کتابخانه #REACTNATIVE توسط فیس بوک عرضه شده در بین این همه فریم ورک های جاوا اسکریپت اسم و رسمی درست کرده یه ضرب المثل هست که رشد فریم ورک های #جاوا_اسکریپت از رشد باکتری ها بیشتره :)))

چیزی که از #ریکت شنیدید اینه که میشه یه کد js# برای هم برای #آی_او_اس هم #اندروید زد :) چه باحال کم کم پست های آموزش React# رو می زارم قدم اول نصب اونه ...

برای حمایت از من اپلیکیشن جستجو رو دانلود کنید

دانلود اپلیکیشن جستجو | موتور جستجوی محتوای دانلود فارسی

دانلود برنامه جستجو از مایکت :

https://myket.ir/app/com.jostjo

مقاله معرفی اپلیکیشن جستجو در ویرگول :

http://vrgl.ir/V4Y8A


تو سایت #ریکت_نیتیو دو راه نصب پیشنهاد کرده راه اول استفاده از Expo هست که خوبه اما محدودیت های زیادی داره که تو سایت Expo ذکر شده

پیشنهاد ما راه دوم هست که بهتره

سیستم عامل پیش فرض ویندوز هست و میخایم برای اندروید کد بزنیم در این آموزش, گرچه برای #IOS فرق زیادی نداره فقط باید مک داشته باشی و #XCODE

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

ابتدا NodeJs# رو نصب کنید آخرین ورژن LTS پیشنهاد میشه سایت NODE

توصیه من اینه در کنار NPM ابزار Yarn هم نصب کنید

#پایتون2 و jdk رو جداگانه نصب کنید

یا میتونید با چوکو نصب کنید

chocoinstall-ynodejs.installpython2jdk8

حالا react native رو نصب کنید


npm install -g react-native-cli

خب الان نوبت نصب AndroidSDK هست

پیشنهاد من اینه اول اندروید استودیو رو نصب کنید نسخه ای که همراه اون SDK هست سپس با استفاده از SDKmanager بقیه پکیج ها رو نصب کنید فقط یادتون نره به دلیل تحریم گوگل نمی تونید با آی پی ایران دالود کنید حتما از VPN استفاده کنید

پس از نصب SDK حالا باید به ویندوز معرفی کنیم بعنوان متغیر سیستمی

برای این کار به به استارت رفته و عبارت environment رو جستجو کنید مثل عکس زیر و کلیک راست کنید و توسط Run As Admin اجرا کنید

در قسمت System Variable رو New کلیک کنید در VariableName وارد کنید ANDROID_HOME و در ورودی بعدی مسیر SDK

پس از شناسایی SDK نوبت ایجاد پروژه ReactNative هست دستور زیر رو در ترمینال وارد کنید


react-native init AwesomeProject

پس از ایجاد فولدر پروژه و وصل بودن شبیه ساز اندروید با دستور زیر برنامه شما اجرا میشود

cd AwesomeProject react-native run-android

تبریک میگم اولین برنامه #ریکت شما

امیدوارم استفاده کرده باشید مشکلات زیادی پیش میاد مثل وصل نبودن موبایل یا شناسایی نشدن امولاتور یا موبایل و کامنت بزارید سعی میکنم جواب بدم

ریکت نیتیونصب ریکتاندرویدنصبreact
عشق در نگاه اول وجود داره هه!!! منم عاشق #کامپیوتر شدم :)آیدی تلگرام Contact98
شاید از این پست‌ها خوشتان بیاید