در توسینسو تدریس کنید

و

با دانش خود درآمد کسب کنید

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

شرکت ها و سازمان ها همیشه به دنبال کم کردن هزینه های خود هستند و از همین روی این روز ها فریموورک های 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

#جاوا_اسکریپت #پروژه_react_native #آموزش_react_native #نصب_react_native
عنوان
1 ساخت اولین پروژه React Native رایگان
2 مفهوم props در برنامه نویسی React Native رایگان
3 کار کردن با state در React Native رایگان
زمان و قیمت کل 0″ 0
1 نظر
آرتین غفاری

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

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر
×

تو می تونی بهترین نتیجه رو تضمینی با بهترین های ایران بدست بیاری ، پس مقایسه کن و بعد خرید کن : فقط توی جشنواره پاییزه می تونی امروز ارزونتر از فردا خرید کنی ....