درخواست های ارتباط
جستجو
لیست دوستان من
صندوق پیام
همه را دیدم
  • در حال دریافت لیست پیام ها
صندوق پیام
رویدادها
همه را دیدم
  • در حال دریافت لیست رویدادها
همه رویدادهای من
دوره های مرتبط
دوره آموزشی ساخت ربات تلگرام
مدرس: taghandiki
این دوره را در 8 قسط خریداری کنید
ساخت و مدیریت ربات تلگرام از صفر با زبان سی شارپ
مدرس: مهدی عادلی
این دوره را در 2 قسط خریداری کنید
دوره آموزشی مقدماتی برنامه نویسی به زبان سی شارپ
مدرس: حسین احمدی
این دوره را در 17 قسط خریداری کنید
دوره آموزشی پردازش متن با زبان برنامه نویسی پایتون
مدرس: taghandiki
این دوره را در 20 قسط خریداری کنید
دوره آموزشی برنامه نویسی حرفه ای پایتون به زبان ساده
مدرس: حسین احمدی
این دوره را در 23 قسط خریداری کنید
دوره آموزشی برنامه نویسی اندروید با زبان جاوا به زبان ساده
مدرس: مهدی عادلی
این دوره را در 27 قسط خریداری کنید
دوره آموزشی طراحی رابط کاربری با JavaFX
مدرس: hharddy
این دوره را در 13 قسط خریداری کنید
دوره آموزشی برنامه نویسی به زبان پرل بصورت پروژه محور
مدرس: dr-iman
این دوره را در 13 قسط خریداری کنید
دوره آموزشی مقدماتی برنامه نویسی جاوا به زبان ساده
مدرس: مهدی عادلی
این دوره را در 17 قسط خریداری کنید
دوره آموزشی Exploit نویسی به زبان Perl
مدرس: dr-iman
این دوره را در 7 قسط خریداری کنید

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

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

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

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

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

https://nodejs.org/en/

Image


Python

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

https://www.python.org/

Android Studio

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

JDK

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

Image


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

Image


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

Image


نصب 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

Image

برچسب ها
مطالب مرتبط

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

نظرات

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

arrow