برنامه 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
اگر همه چیز به درستی تنظیم شود، باید برنامه جدید خود را در مدت کوتاهی در گوشی اندروید خود ببینید.
تا اینجا موفق شدیم اولین اپلیکیشن اندرویدی را با RN اجرا و مشاهده کنیم. با چسبون همراه باشید.
آموزش های ویدئویی ری اکت نیتیو درحال برگزاری می باشد. در این لینک می توانید به ویدئو های آموزشی React Native دسترسی داشته باشید: