keyboard_return  چسبون مقالات آموزشی آموزش فارسی react native ایجاد اولین اپلیکیشن با React Native
  1. آموزش فارسی react native
  2. ایجاد اولین اپلیکیشن با React Native

برنامه hello world با ری اکت نیتیو

در مقاله قبلی به بررسی نصب پیش نیازات react native پرداختیم. در این مقاله می خواهیم اولین app خود را با react native ایجاد کنیم.

یک پوشه در هرجایی که خواستید ایجاد کنید. سپس وارد پوشه شوید. shift را گرفته و در فضای خالی پوشه راست کلیک کنید و سپس بر روی :

open command window here

کلیک کنید تا خط فرمان ویندوز اجرا شود(از PowerShell هم می توانید استفاده کنید ولی پیشنهاد من CMD است).

سپس این دستور را در خط فرمان تایپ کنید:

react-native init AwesomeProject

و enter کنید. این دستور یک پروژه با نام AwesomeProject ایجاد می کند.

آماده سازی دستگاه اندرویدی

برای اجرای برنامه React Native Android به یک موبایل اندرویدی نیاز خواهید داشت. می توانید از یک دستگاه فیزیکی(واقعی) اندروید استفاده کنید و یا یک شبیه ساز اندروید که به شما امکان می دهد یک دستگاه Android را در کامپیوتر خودتون شبیه سازی کنید.در هر صورت، شما باید دستگاه را برای اجرای برنامه های Android که قرار است توسعه دهیم آماده کنید.

اگر شما یک دستگاه اندرویدی فیزیکی دارید، می توانید آن را برای توسعه به جای AVD (شبیه ساز) با استفاده از کابل USB به کامپیوتر خود متصل کنید و دستورالعمل های زیر را دنبال کنید.

اجرای برنامه React Native

پس از آن که شما پروژه AwesomeProject را ساختید و تمامی dependency های node_module دانلود شدند نوبت به اجرای اپلیکیشن می رسد.

دستگاه اندروید خود را با USB به کامپیوتر خود متصل کنید از ترمینال یا خط فرمان CMD خارج نشوید. سپس با دستور زیر اولین اپ اندروید را روی دستگاه خود مشاهده می کنید:

cd AwesomeProject
react-native run-android

اگر همه چیز به درستی تنظیم شود، باید برنامه جدید خود را در مدت کوتاهی در گوشی اندروید خود ببینید.

react-native-start-app

تا اینجا موفق شدیم اولین اپلیکیشن اندرویدی را با RN اجرا و مشاهده کنیم. با چسبون همراه باشید.

آموزش های ویدئویی ری اکت نیتیو درحال برگزاری می باشد. در این لینک می توانید به ویدئو های آموزشی React Native دسترسی داشته باشید:

فیلم فارسی آموزش react native

ایجاد اولین اپلیکیشن با React Native - 3.8 از 5 بر اساس 150 رای

امتیاز کاربران

ایجاد اولین اپلیکیشن با React Native
دیدگاه‌ها
saeed saeed 2 سال پیش
سلام من زمان اجرا دستور react-native run android خطا No emulators found as an output of `emulator -list-avds` رو دریافت میکنم شبیه سازم هم از طریق avd mannager نرم افزار android studio ساختم و run شده و متغیرهای java-home و android-home رو هم ست کردم هرکاری میکنم همین ارور رو میده اگه کمکم کنید واقعا ممنون میشم.
آرمان بابائی آرمان بابائی 2 سال پیش
درود بر شما. ببینید باید طبق ورژن ری‌اکت نیتیوی که نصب کردید اقدام به نصب ابزارهای SDK کنید. ورژن ری‌اکت نیتیو نصب شده خودتون رو اعلام کنید تا بهتر بشه کمکتون کرد. برای ادامه این بحث می‌تونید از قسمت "بپرس" سایت استفاده کنید.
مهدی مهدی 2 سال پیش
سلام؟ آیا دوره ریکت نیتیو رو ادامه میدید؟؟؟
آرمان بابائی آرمان بابائی 2 سال پیش
درود بر شما. بله حتما با ورژن جدیدتر ادامه می‌دیم.
محسن محسن 2 سال پیش
من تمام این مراحل رو رفتم اما خطایی هست که رفع نشده!! پرسشم رو با جزییات کامل تو لینک زیر گذاشتم ممنون اگر کسی میدونه کمکم کنه: https://stackoverflow.com/questions/58327218/unable-to-load-script-make-sure-youre-either-running-a-metro-serverrun-react
سعید سعید 2 سال پیش
با سلام و وقت بخیر. ببخشید من هر وقت میخام ری اکت نیتیو بنویسم، اندروید استودیو رو باز میکنم و شبیه ساز خود اندروید استودیو رو باز میکنم و از اون استفاده میکنم. آیا راه حلی هست که مثلا nox رو نصب کنیم و بدون اینکه اندروید استودیو رو باز کنیم فقط با باز کردن nox به کدنویسی بپردازیم؟ اگر لینک آموزشی دارید ممنون میشم در اختیارم قرار بدید
آرمان بابائی آرمان بابائی 2 سال پیش
درود بر شما. صد در صد راه های مختلفی وجود داره. برای مثال من آموزش ویدیویی شبیه ساز genymotion رو با ری‌اکت نیتیو ضبط کردم که می‌تونید دوره رو تهیه و مشاهده کنید. لینک: https://chasboon.ir/series/react-native-video-tutorial
sima sima 3 سال پیش
سلام. جسارتا مگه قرار نیست ری اکت نیتیو به ما در خروجی، اپ اندروید و iOS بدهد؟ با این تفسیر من معنی این جمله را نمیفهمم: " آموزش نحوه نصب react native در سیستم عامل ویندوز برای اندروید را آموزش می دهیم."
آرمان بابائی آرمان بابائی 3 سال پیش
بله در خروجی هم اندروید هم IOS به ما خروجی میده. اما طریقه نصب ری اکت نیتیو در سیستم عامل های ویندوز و mac متفاوت هست. اما برای این گفتم اندروید چون قبل از شروع کدنویسی با ری اکت نیتیو باید نیازمندی های اندروید و IOS رو روی سیستم خودمون نصب کنیم. و من در این آموزش فقط آموزش نصب نیازمندی های اندروید رو توضیح دادم
حسن قلی حسن قلی 3 سال پیش
زبان اندروید نداریم که ، یکی از زبان های اصلی برای نوشتن برنامه های اندروید جاوا هست
آرمان بابائی آرمان بابائی 3 سال پیش
اندروید مشتق شده از جاوا هست و نه خود جاوا. هم میشه گفت زبان جاوا هم میشه گفت زبان اندروید.
حسن قلی حسن قلی 3 سال پیش
اندروید یکی از توزیع های سیستم عامل لینوکس هست. و جاوا زبان برنامه نویسی هست که می تونیم برای تمامی دستگاه ها برنامه نوشته و بدون محدودیت سیستم عامل اجرا کنیم
آرمان بابائی آرمان بابائی 3 سال پیش
اندروید از کرنل لینوکس استفاده می کنه و نمیشه گفت یک توزیع از لینوکس هست.
حاتم حاتم 3 سال پیش
با سلام آقا سال 97 هم تموم شد و شماهنوز این آموزش رو آپدیت نکردید. منتظریم. موفق باشید.
آرمان بابائی آرمان بابائی 3 سال پیش
سلام. تعداد ثبت نام کنندگان به حد نصاب که برسه دوره رو شروع میکنیم. ممنون از پیگیری شما.
داود داود 3 سال پیش
سلام. ممنون از آموزش های خوب و بیان عالی تون. لطفا آموزش ری اکت نیتیو رو ادامه بدید که جای خالی آموزش شما در اینترنت بشدت احساس میشه. موفق باشید.
آرمان بابائی آرمان بابائی 3 سال پیش
ممنون از فیدبک شما. حتما این دوره رو ادامه میدیم و از بهترین آموزش های فارسی خواهد بود.
حسن حسن 4 سال پیش
سلام خسته نباشید.لطفا ری اکت رو ادامه بدید. ممنون
آرمان بابائی آرمان بابائی 4 سال پیش
سلام. حتما هم آموزش ویدیویی اضافه خواهیم کرد. هم مقاله.
حاتم حاتم 4 سال پیش
آقا عالیه، ادامه بدین و یه اپ کامل رو توی دستور کارتون قرار بدین. مخصوصا اتصال به سرور و خوندن دیتابیس. ممنون
آرمان بابائی آرمان بابائی 4 سال پیش
به زودی در ویدیوهای آموزشی تمامی مقوله ها رو کاملا شرح می دم.
حاتم حاتم 4 سال پیش
با سلام مجدد... آقا همچنان منتظر آموزش های شما هستم.
آرمان بابائی آرمان بابائی 4 سال پیش
سلام. خوشحالیم از پیگیری شما. درحال ساخت آموزش های ویدئویی هستیم.
حاتم حاتم 4 سال پیش
خیلی عالی
صفورا صفورا 4 سال پیش
مقاله بسیار مفیدی بود خواهش میکنم آموزش React رو ادامه بدید. سپاسگزارم
آرمان بابائی آرمان بابائی 4 سال پیش
خوشحالیم مورد رضایت شما قرار گرفته . حتما ادامه خواهد داشت.

2021 © Copyright کليه حقوق مادی و معنوی براي چسبون محفوظ است و هرگونه کپی برداری پیگرد قانونی دارد.