تخفیف ویژه دانشجویان چسبون ، برای اطلاع از جزئیات این تخفیف اینجا کلیک کنید
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
دیدگاه ها
حسن قلی | 3 هفته پیش
زبان اندروید نداریم که ، یکی از زبان های اصلی برای نوشتن برنامه های اندروید جاوا هست
آرمان بابائی | 3 هفته پیش
اندروید مشتق شده از جاوا هست و نه خود جاوا. هم میشه گفت زبان جاوا هم میشه گفت زبان اندروید.
حسن قلی | 3 هفته پیش
اندروید یکی از توزیع های سیستم عامل لینوکس هست. و جاوا زبان برنامه نویسی هست که می تونیم برای تمامی دستگاه ها برنامه نوشته و بدون محدودیت سیستم عامل اجرا کنیم
آرمان بابائی | 2 هفته پیش
اندروید از کرنل لینوکس استفاده می کنه و نمیشه گفت یک توزیع از لینوکس هست.
حاتم | 3 هفته پیش
با سلام آقا سال 97 هم تموم شد و شماهنوز این آموزش رو آپدیت نکردید. منتظریم. موفق باشید.
آرمان بابائی | 3 هفته پیش
سلام. تعداد ثبت نام کنندگان به حد نصاب که برسه دوره رو شروع میکنیم. ممنون از پیگیری شما.
داود | 4 هفته پیش
سلام. ممنون از آموزش های خوب و بیان عالی تون. لطفا آموزش ری اکت نیتیو رو ادامه بدید که جای خالی آموزش شما در اینترنت بشدت احساس میشه. موفق باشید.
آرمان بابائی | 4 هفته پیش
ممنون از فیدبک شما. حتما این دوره رو ادامه میدیم و از بهترین آموزش های فارسی خواهد بود.
حسن | 6 ماه پیش
سلام خسته نباشید.لطفا ری اکت رو ادامه بدید. ممنون
آرمان بابائی | 6 ماه پیش
سلام. حتما هم آموزش ویدیویی اضافه خواهیم کرد. هم مقاله.
حاتم | 6 ماه پیش
آقا عالیه، ادامه بدین و یه اپ کامل رو توی دستور کارتون قرار بدین. مخصوصا اتصال به سرور و خوندن دیتابیس. ممنون
آرمان بابائی | 6 ماه پیش
به زودی در ویدیوهای آموزشی تمامی مقوله ها رو کاملا شرح می دم.
حاتم | 6 ماه پیش
با سلام مجدد... آقا همچنان منتظر آموزش های شما هستم.
آرمان بابائی | 6 ماه پیش
سلام. خوشحالیم از پیگیری شما. درحال ساخت آموزش های ویدئویی هستیم.
حاتم | 5 ماه پیش
خیلی عالی
صفورا | 7 ماه پیش
مقاله بسیار مفیدی بود خواهش میکنم آموزش React رو ادامه بدید. سپاسگزارم
آرمان بابائی | 6 ماه پیش
خوشحالیم مورد رضایت شما قرار گرفته . حتما ادامه خواهد داشت.

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