تقنية

أفضل نماذج مرجعية أصلية للتفاعل لعام 2021!

- إعلان-

React Native عبارة عن منصة Facebook لإنشاء تطبيقات React لنظامي Android و iOS. إذا كنت معتادًا على خدمات تطوير تطبيقات React Native ، فأنت تدرك أن بدء مشروع من الألف إلى الياء يمكن أن يكون مهمة مستهلكة للوقت ومملة ومتكررة. نتيجة لذلك ، سنلقي نظرة على بعض نماذج React Native الأكثر شيوعًا في هذا المنشور ، والتي ستساعدك على البدء في مشروع بشكل أسرع.

هذه ، في رأيي ، هي بعض من أفضل النماذج المتاحة اليوم ، وقد تم إنشاؤها جميعًا بواسطة مطورين رائعين. لتوفير الوقت عند اختيار نموذج معياري من هذا المنشور ، سأستعرض بعض ميزاته حتى تتمكن من معرفة أيها يناسب مشروعك.

تم استخدام بنية واجهة المستخدم ونوع التنقل وقدرة الاختبار الخاصة باللوحات المعيارية التي ستظهر لاحقًا في هذه المقالة لتقييمها.

لم أقم بتصنيف هذه المشاريع لأنني أشعر أن كل مشروع هو أداة قيمة في حد ذاته. ومع ذلك ، يتم تحديد الترتيب الذي تظهر به من خلال عدد النجوم على جيثب.

اقرأ أيضا: لماذا تستخدم React native لأعمالك في عام 2021؟

1. إشعال بواسطة اللانهائي الأحمر

إن Infinite Red's Ignite هو أحدث ما توصلت إليه رد فعل التنمية الأصلية مشروع Boilerplate مع CLI ، ومولدات المكونات / النماذج ، وأكثر من ذلك.

Ignite هو النموذج المعياري الأكثر شيوعًا لبرنامج React Native لكل من Expo و React Native ، مع تصنيفات 12.2K ، ويأتي مع دعم Expo خارج الصندوق. يستخدم MobX للتحكم في الحالة ، ويستخدم التنقل التفاعلي للتوجيه والتنقل ، ويستخدم Apisauce للتواصل مع خوادم REST ، ويتم استخدام منصة Jest للاختبار في مشروع TypeScript الجاهز.

هذا النموذج المعياري يروق لي لأنه جاهز للزعانف ، وجاهز لـ Reactotron ، ويدعم Expo خارج الصندوق. بصرف النظر عن ذلك ، يستخدم هذا النموذج المعياري MobX لإدارة الحالة بدلاً من Redux ، والذي يعتبر أسهل في الفهم من Redux. يتضمن أيضًا AsyncStorage ، والذي يتم دمجه مع MST لاستعادة الحالة.

يحتوي Ignite على واجهة سطر أوامر تُعرف باسم ignite-cli. يُنصح باستخدام npx ، الذي يأتي مع Node.js ، للوصول إلى أحدث إصدار من CLI في وقت التشغيل بدلاً من تثبيت إصدار محدد من CLI وإدارته عالميًا.

يجب أن تكون قادرًا على إنشاء مشروع جديد باستخدام الأوامر التالية بعد استيفاء جميع المتطلبات الأساسية المحددة في صفحة هذا المشروع:

# للفانيليا رد الفعل الأصلي

npx ignite-cli GameApp الجديد

# أو للمعرض:

npx ignite-cli جديد GameApp –expo

2. رد فعل مجموعة المبتدئين الأصلية بواسطة mcnamee

React Native Starter by McNamee هي أداة مساعدة معيارية لـ React Native والتي ستساعدك على العمل بسرعة. على GitHub ، لديه 3000 نجمة.

يستخدم Redux للتحكم في الحالة ، ويستخدم React Native Router للتوجيه والتنقل ، ويستخدم NativeBase لهندسة واجهة المستخدم ، ويستخدم React Native Vector Icons للرموز ، ويستخدم Axios للتواصل مع خوادم REST ، ويستخدم نظام Jest الأساسي للتحقق .

تأكد منشئو النموذج المعياري من تضمين البطاريات. لا يشتمل هذا النموذج المعياري على NativeBase فقط ، وهي مكتبة توفر مكونات واجهة مستخدم React Native عبر الأنظمة الأساسية المهمة ، ولكن أيضًا Redux persist ، وهي مكتبة تساعدنا على حفظ متجر redux في التخزين المحلي لمتصفحنا.

يمكنك استخدام هذا النموذج المعياري لبدء مشروع جديد ببساطة عن طريق استنساخه بالأمر التالي:

استنساخ https://github.com/mcnamee/react-native-starter-kit.git your_app_name

3. رد فعل Boilerplate الأصلية بواسطة آلة الترميز

React Native Boilerplate الخاص بآلة التشفير عبارة عن إطار عمل مشروع React Native لإنشاء تطبيقات قوية للهواتف الذكية عبر الأنظمة الأساسية مع تمييز المشكلات بين واجهة المستخدم وإدارة الحالة ومنطق الأعمال. على Github ، حصل على تصنيف 2k نجمة.

تم تضمين نظام إدارة حالة Redux و React Navigation للتوجيه والملاحة و Axios للتواصل مع خوادم REST وإطار عمل Jest للتحقق في هذا النموذج المعياري.

هذا النموذج الأساسي سهل الإعداد ويتضمن مكتبة تدويل تسمى i18next.

انتقل إلى تكوين بيئة React Native واختر علامة التبويب React Native CLI Quickstart قبل استخدام هذا المشروع. اتبع الإرشادات الخاصة بالتنفيذ وأنظمة التشغيل المستهدفة.

استعن بمطورين مخصصين من React Native Mobile لإنشاء مشروع جديد بالأمر التالي بعد استيفاء جميع المتطلبات الأساسية المحددة في صفحة هذا المشروع:

npx رد فعل أصلي init MyApp –template @ thecodingmachine / رد فعل-أصلي-boilerplate

4. تفاعل Type Native Template Type بواسطة مجتمع React Native

React Native Template TypeScript هو مشروع 1.2K نجمة بواسطة React Native Community. هذا قالب React Native بسيط ونظيف لبدء استخدام TypeScript بسرعة.

نظرًا لأن هذا المشروع الجاهز لـ TypeScript يهدف إلى أن يكون بسيطًا ، فإنه لا يحتوي على أي مكتبات لإدارة الحالة أو التنقل أو بنية واجهة المستخدم أو الاتصال بخوادم REST. ومع ذلك ، فإنه يوفر نظام Jest للتحقق.

يعتبر هذا النموذج النموذجي مثاليًا لأولئك الذين يرغبون في الحصول على مشروع أصلي يتفاعل ويعمل بسرعة.

يجب أن تكون قادرًا على إنشاء مشروع جديد باستخدام الأمر التالي بعد استيفاء جميع المتطلبات الأساسية المحددة في صفحة هذا المشروع:

رد فعل npx - أصلي init MyApp - نموذج رد فعل - أصلي - قالب - نص مكتوب

اقرأ أيضا: اكتشف ما الجديد وما الذي تأثر في React Native في عام 2021؟

الخلاصة:

لقد ناقشنا بعض النماذج المعيارية لـ React Native أعلاه والتي تجعل تطوير تطبيقنا أبسط كثيرًا. إذا كانت لديك أي مشكلات خطيرة في النظام الأساسي ، فإن React Native يعد حاليًا أحد أفضل الخيارات لمعظم حالات الاستخدام. في استعن بمطورين محليين من React، سنساعدك في الارتقاء بتطبيق هاتفك الذكي إلى مستوى عالٍ من النمو.

تابعونا على Instagram (uniquenewsonline) والفيسبوك (uniquenewswebsite) للحصول على تحديثات إخبارية منتظمة مجانًا

مقالات ذات صلة