اگر جاوا اسکریپت را میشناسید و مایل به توسعه یک برنامه تلفن همراه هستید، React Native توانایی ارسال برنامههای تلفن همراه با تجربه کاربری در سطح جهانی را در اختیار ما قرار میدهد. توسعه برنامه بومی یک سیستم عامل خاص مانند Android و iOS را هدف قرار می دهد. چنین توسعهای برای هر پلتفرم نیاز به کدهای جداگانه دارد. برخلاف توسعه بومی، React Native به توسعهدهندگان کمک میکند تا از کد در سراسر پلتفرمها استفاده مجدد کنند. بیایید جلو برویم و ایده اولیه React Native را دریافت کنیم و یک برنامه کاربردی ساده بسازیم.
React Native چیست؟
React Native یک روش جدید برای ساخت برنامه های تلفن همراه است. این یک چارچوب جاوا اسکریپت متقابل است که توسط فیس بوک ایجاد شده است. این به توسعه دهندگان اجازه می دهد تا از جاوا اسکریپت برای ایجاد برنامه های تلفن همراه برای اندروید و iOS با ظاهر و احساس بومی استفاده کنند.
- React Native یک فریمورک جاوا اسکریپت برای ساخت اپلیکیشن های بومی موبایل است.
- از چارچوب React استفاده می کند.
- تعداد زیادی کامپوننت داخلی و API را برای ایجاد UI و مدیریت ویژگی های بومی ارائه می دهد.
پیش نیازها
- دانش جاوا اسکریپت جامد که بر اساس چارچوب جاوا اسکریپت است.
- درک ES6 به عنوان بومی React از نحو ES6 به طور گسترده استفاده می کند. آن را عرق نکنید، می توانید مفاهیم مورد نیاز را درک کنیداین وبلاگ
- درک اولیه React JS. اگر نمی دانید که خوب است، می توانید در حین کار روی برنامه یاد بگیرید.
مزایای
- جاوا اسکریپت
شما می توانید از دانش جاوا اسکریپت موجود خود برای ساخت برنامه های تلفن همراه استفاده کنید. - به اشتراک گذاری کد
شما می توانید بیشتر کد خود (90 درصد) را در پلتفرم های مختلف به اشتراک بگذارید. - توسعه سریع
یکی از مزایای کلیدی React native زمان توسعه کمتر است. React کد اصلی را به اشتراک میگذارد و میتوانید در زمان و هزینه خود صرفهجویی کنید. - بارگذاری مجدد آسان
هر بار که تغییری ایجاد شد، برنامه را دوباره کامپایل نکنید. کافیست Cmd+R را فشار دهید تا برنامه را در شبیه ساز، شبیه ساز یا دستگاه دوباره بارگیری یا تازه سازی کنید. - Community
React Native منبع باز است و جامعه اطراف React بومی بزرگ است.
بیایید شروع کنیم و با استفاده از React native یک اپلیکیشن موبایل ساده بسازیم. صفحه نهایی برنامه چیزی شبیه به تصویر زیر خواهد بود.
![واکنش نشان دهید](http://pezhvak24.ir/dl/10kcor/cscd/article/build-mobile-app-with-react/Images/1.png)
در این برنامه، ما در نهایت صفحه جستجوی خرید آنلاین را ایجاد می کنیم که تمام محصولات فهرست شده را نشان می دهد. ما می توانیم محصولات مختلف را بر اساس دسته بندی جستجو کنیم یا نام محصول را در نوار جستجو تایپ کنیم.
بیایید با نصب شروع کنیم.
نصب و راه اندازی
نصب بومی React ساده است.
مرحله 1
Node JS را نصب کنید. لطفا از این طریق مرور کنیدلینک و دانلود Node JS (نسخه > 6.0)
مرحله 2
به خط فرمان خود بروید و از npm برای نصب برنامه create-react-native-app استفاده کنید. خط فرمان را اجرا کنید – npm install -g create-react-native-app