درخواست های ارتباط
جستجو
لیست دوستان من
صندوق پیام
همه را دیدم
  • در حال دریافت لیست پیام ها
صندوق پیام
رویدادها
همه را دیدم
  • در حال دریافت لیست رویدادها
همه رویدادهای من
تخفیف های وب سایت
همه تخفیف ها

عضویت در

کانال تلگرام

توسینسو

اطلاعات مطلب
مدرس/نویسنده
حسام رسولیان
امتیاز: 14449
رتبه:45
26
52
9
116
دانشجوی کارشناسی IT برنامه نویس Java, PHP,JS CCNA,LPIC پروفایل کاربر

ساخت اولین پروژه React Native

تاریخ 6 ماه قبل
نظرات 1
بازدیدها 295
شرکت ها و سازمان ها همیشه به دنبال کم کردن هزینه های خود هستند و از همین روی این روز ها فریموورک های Cross-platform یا چند سکویی حسابی محبوب شده اند. یکی از این فریموورک ها در حوزه برنامه نویسی موبایل React Native می باشد که در این پست با هم دیگه اولین پروژه Hello World خودمون و در RN میسازیم.

IDE
برای کد نوشتن قطعا شما نیاز به یک ادیتور یا IDE دارید و از ادیتور هایی که جاوااسکریپت و پشتیبانی میکنند میتونید برای React استفاده کنید. پیشنهاد انتخاب یکی از بین Atom و VS Code می باشد.

Nodejs
برای کار با React native شما نیاز به موتور Nodejs دارید به همین منظور وارد سایت nodejs میشویم.

روی گزینه دانلود کلیک می کنیم تا فایل نصب Nodejs دانلود بشه بعد از اون نصب Nodejs پیچیدگی خاصی ندارد و مثل نصب نرم افزار های معمولی هست.

https://nodejs.org/en/

ساخت اولین پروژه React Native


Python

علاوه بر Nodejs شما نیاز دارید که پایتون هم روی سیستم خودتون نصب کنید. حداقل ورژن مورنیاز Python 2 می باشد.

https://www.python.org/

Android Studio

در نسخه های جدید اندروید استودیو SDK Manager با خود اندروید استودیو ترکیب شده و نیازی به نصب جدا نیست برای همین به منظور دسترسی به SDK Manager باید اندروید استودیو هم نصب کنید. فایل نصب اندروید استودیو و از سایت های ایرانی دریافت کنید و مراحل نصب و انجام دهید.

JDK

پیش نیاز بعدی نصب JDK هست به همین منطور JDK و از یکی از سایت های ایرانی دانلود کنید و نصب کنید چون سایت اوراکل اجازه دسترسی کاربران ایرانی و نمیده.
بعد از نصب با جستجوی عبارت system setting وارد قسمت Advanced system setting شوید.

ساخت اولین پروژه React Native


در قسمت System Variables روی گزینه new کلیک کنید تا یک کارد برای شما باز شود. همانند تصویر قسمت variable name عبارت JAVA_HOME و بنویسید و در قسمت پایین ادرس jdk.

ساخت اولین پروژه React Native


باز به سراغ System Variables میرویم و روی path گزینه edit و میزنیم و ادرس platform-tools و از پوشه sdk اضافه میکنیم تا بتونیم از شبیه ساز استفاده کنیم.

ساخت اولین پروژه React Native


نصب React Native

خب رسیدیم به نصب React Native برای این کار cmd و باز میکنیم و وارد مسیری میشیم که میخوایم پروژه و بسازیم.
امروز که من این مطلب و مینویسم 14 شهریور 1397 هستیم و نسخه 0.54 از React منتشر شده که به دلیل یک سری باگ و مشکلاتی که داره من از نسخه قدیمی تر استفاده میکنم برای نصب دستور زیر و من در cmd مینویسم.
npm install --save react-native@0.55.4
اگر خواستید همیشه آخرین نسخه و نصب کنید از دستور زیر استفاده کنید.

npm install -g react-native-cli

بعد از نصب نوبت به ساخت پروژه میرسه برای این که بتونیم پروژه React Native ایجاد کنیم در cmd یا ترمینال IDE از دستور init استفاده می کنیم.

react-native init TosinsoReact

عبارت 'TosinsoReact' اسم دلخواهی هست که من برای پروژه استفاده کردم. برای اجرای پروژه نسخه اندرویدی از دستور زیر استفاده میکنیم.

برای اجرا نسخه اندرویدی پروژه وارد دایرکتوری پروژه میشیم و در ترمینال دستور
react-native run-android را مینویسم.
و در نهایت اجرای پروژه Hello World

ساخت اولین پروژه React Native

برچسب ها
ردیف عنوان
1 ساخت اولین پروژه React Native
2 مفهوم props در برنامه نویسی React Native
3 کار کردن با state در React Native
دوره مجموعه کل دوره
مطالب مرتبط

در حال دریافت اطلاعات

نظرات
  • سلام خسته نباشی حسام عزیز با همین فرمون ادامه بده خیلی جذابه مباحث react native

برای ارسال نظر ابتدا به سایت وارد شوید