دو شیوه مهم برای استارت فعالیت با React Native
دو شیوه مهم برای استارت فعالیت با React Native
برای فراگیری استارت فعالیت با React Native، دو رویه مهم پیش رو دارید:
۱. طرز نخستین: استعمال از Expo Go (شیوه پیشنهادی برای جدیدامور)
Expo Go معمولیترین و سریعترین رویکرد برای یادگیری React Native و ایجاد کرد نرم افزار میباشد، به خصوص درحالتی که مبتدی و تازه کار می باشید یا این که به ابزارهای بدون نقص بسط مستقر نیاز ندارید. این طریق نیازی به نصب ری اکت نیتیو به طور دستی طراحی اپلیکیشن در مشهد و غامض ندارد.
مزایای این طریق
فعال سازی فوقالعاده سهل: نیازی به تنظیمات غامض Xcode یا این که Android Studio وجود ندارد.
آزمایش سریع: می توانید نرم افزار خویش را مستقیماً روی موبایل هوشمندتان با کپی یک QR کد آزمایش نمایید.
عدم نیاز به علم ساکن: تمرکز بدون نقص روی کد جاوا اسکریپت خواهد بود.
پروسه فعالسازی با Expo Go:
نصب Expo CLI: با به کارگیری از npm یا این که Yarn فرمان ذیل را در ترمینال خویش ایفا فرمایید:
npm install -g expo-cli
یا این که
yarn global add expo-cli
ساخت یک پروژه تازه: اکنون یک پروژه تازه Expo تولید فرمایید:
expo init MyFirstReactNativeApp
در زمان پروسه، یک پوسته (template) را گزینش فرمایید. blank برای استارت معمولیترین مورد میباشد.
اجرای پروژه: وارد دایرکتوری پروژه گردید و آن را جاری ساختن نمایید:
cd MyFirstReactNativeApp
npm start
یا این که
yarn start
این فرمان یک سرور پیشرفت راه اندازی مینماید و یک QR کد در ترمینال اکران میدهد.
آزمایش روی دستگاه: نرم افزار Expo Go را از App Store (برای iOS) یا این که Google Play Store (برای اندروید) روی موبایل هوشمند خویش دانلود فرمایید. بعد، QR کد اکران داده گردیده در ترمینال را با نرم افزار Expo Go نسخه برداری نمایید تا نرم افزار شما روی موبایل اعمال خواهد شد!
۲. شیوه دوم: به کار گیری از React Native CLI (برای پیشرفت توسعه یافتهخیس)
این طریق برای پروژههایی مطلوب میباشد که نیاز به دسترسی عمیقخیس به خصوصیتهای ساکن، یا این که به کار گیری از کتابخانههایی داراهستند که با Expo سازگار نیستند. نصب React Native با این شیوه بغرنجخیس میباشد و نیاز به تنظیماتهای مستقر (JDK, Android Studio, Xcode) داراست.
مزایا:
دسترسی بی نقص به قابلیت و امکانهای مستقر: می توانید هر ماژول ساکن را به پروژه خویش اضافه فرمائید.
در دست گرفتن بیشتر: در اختیار گرفتن بی نقص بر روی روند بیلد و پیکربندی مستقر دارید.
پروسه فعال سازی با React Native CLI:
نصب ابزارهای توسعه و گسترش ساکن:
برای اندروید: Android Studio را نصب نمائید. بعداز نصب، Android SDK را تنظیمات کرده و متغیرهای محیطی PATH را برای ANDROID_HOME و ابزارهای SDK تهیه فرمایید.
برای iOS (صرفا مک): Xcode را نصب نمایید. همینطور ابزارهای خط دستور Xcode را نیز نصب فرمایید: xcode-select --install
نصب React Native CLI: برخلاف Expo CLI، React Native CLI نیازی به نصب سراسری ندارد. شما آن را تحت عنوان بخشی از پروژه تازه خویش استعمال میکنید.
ساخت یک پروژه نو: با استعمال از فرمان npx react-native یک پروژه نو ساخت نمائید:
npx react-native init MyAwesomeApp
npx به شما قابلیت می دهد فارغ از نصب سراسری، پکیجهای npm را جاری ساختن نمائید.
اجرای پروژه: وارد دایرکتوری پروژه گردید:
cd MyAwesomeApp
برای اندروید: مطمئن گردید که یک مشابهساز اندروید در حالا اعمال دارید یا این که یک دستگاه اندروید به کامپیوترتان وصل میباشد، بعد جاری ساختن فرمایید:
npm run android
یا این که
yarn android
برای iOS (صرفا مک): مطمئن گردید که یک مشابهساز iOS در هم اکنون انجام دارید یا این که یک دستگاه iOS به کامپیوترتان وصل میباشد، آنگاه انجام نمائید:
npm run ios
یا این که
yarn ios
قدمهای آتی در یادگرفتن React Native
پس از نصب ری اکت نیتیو و فعالسازی پروژه، میتوانید آغاز به کدنویسی نمائید. فولدر مهم نرم افزار شما معمولاً App.js یا این که index.js میباشد.
مفاهیم React: با مفاهیم مهم React مانند کامپوننتها (Components)، Props و State آشنا گردید.
کامپوننتهای React Native: کامپوننتهای مهم React Native مانند View، Text، Image، StyleSheet و Button را خاطر بگیرید.
استایلدهی: طرز استایلدهی به کامپوننتها را با به کارگیری از StyleSheet.create بیاموزید.
ناوبری (Navigation): یکی مهم ترین قسمتهای هر نرم افزار، سیستم ناوبری (مانند React Navigation) میباشد که به شما قابلیت میدهد میان صفحه های گوناگون جابجا گردید.
فراگیری ری اکت نیتیو یک مسیر جالب میباشد. با شکیبایی و تمرین، میتوانید نرم افزارهای گوشی قدرتمندی بسازید.
مقایسه فلاتر و ری اکت نیتیو
در دنیای لبریز سرعت گسترش نرم افزار گوشی، گزینش دربین React Native و Flutter یکی تصمیمات کلیدی برای گسترشدهندگان و حصولوکارها میباشد. هر دو کادرورک به شما قابلیت می دهند نرم افزارهای کراسپلتفرم (قابل انجام روی iOS و اندروید) بسازید، البته رویکردها، مزایا و معایب خاص خویش را داراهستند.