الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

Boilerplate والبداية لـ React Native و Expo و NativeWind و TypeScript

رد فعل قالب المبتدئين الأصليين

Boilerplate and Starter for React Native و Expo و NativeWind و TypeScript ⚡ مصنوعة من تجربة المطورين أولاً: React Native و Expo و TypeScript و Eslint و Prestier و Housky و Lint-Ugge و Jest و Defox و VSCode و NativeWind.

سمات

تجربة المطور أولاً:

  • ⚡ معرض لتطوير الهاتف المحمول
  • ⚛ React Native لبناء التطبيقات الأصلية باستخدام React
  • اكتب فحص TypeScript
  • ؟ تتكامل مع NativeWind ، CSS Tailwind for React Native
  • ؟ التوجيه المستند إلى الملف مع جهاز توجيه المعرض
  • ؟ لينتر مع ESLINT
  • ؟ رمز التنسيق مع أجمل
  • ؟ أجش لخطافات git
  • Lint staged لتشغيل المبيدات على ملفات GIT المتقنة
  • ؟ اختبار الوحدة مع مكتبة اختبار Jest وتفاعل
  • ؟ اختبار E2E مع التخلص من السموم
  • الواردات المطلقة باستخدام @ بادئة
  • ؟ تكوين VSCODE: الإعدادات والمهام والتمديد لـ PostCSS و ESLINT و THERSIPR و TYPESCRED و JEST

nextless.js SaaS Boilerplate

قم ببناء منتج SaaS الخاص بك بشكل أسرع مع React SaaS Boilerplate.

متطلبات

  • Node.js 14+ و NPM
  • محاكي iOS
  • Android Studio Emulator

ابدء

قم بتشغيل الأمر التالي في بيئتك المحلية: 

git clone --depth=1 https://github.com/ixartz/React-Native-Boilerplate.git my-project-name
cd my-project-name
npm install

بعد ذلك ، يمكنك التشغيل محليًا في وضع التطوير باستخدام إعادة تحميل مباشر: 

npm run dev:ios
# Or
npm run dev:android

سيؤدي ذلك إلى فتح التطبيق في محاكي iOS أو Android Emulator.

الاختبار

يعد الاختبار جزءًا مهمًا من عملية التطوير وغالبًا ما يكون الإهمال. يأتي رمز المبتدئين هذا مع مكتبة اختبار Jest and React لاختبار الوحدة وإزالة السموم لاختبار E2E.

اختبار الوحدة

لتشغيل اختبارات الوحدة ، قم بتشغيل الأمر التالي: 

npm run test

اختبار E2E

لتشغيل اختبارات E2E ، تحتاج أولاً إلى تشغيل الأمر التالي: 

npm run e2e:prepare # Only need to run once

بعد ذلك ، يمكنك تشغيل الأمر التالي لتشغيل اختبارات E2E: 

npm run e2e:ios
# Or
npm run e2e:android

معلومات VSCODE (اختياري)

إذا كنت مستخدمين VSCode ، فيمكنك الحصول على تكامل أفضل مع VSCode عن طريق تثبيت الامتداد المقترح في .vscode/extension.json . يأتي رمز المبتدئين بإعدادات لتكامل سلس مع VSCODE. يتم توفير تكوين التصحيح أيضًا لخبرة التصحيح الأمامية والخلفية.

مع تثبيت المكونات الإضافية على VSCODE ، يمكن لـ ESLINT و أجمل إصلاح الرمز تلقائيًا وإظهار الأخطاء. ينطبق الشيء نفسه على الاختبار ، يمكنك تثبيت امتداد VSCODE Jest لتشغيل الاختبارات تلقائيًا ويظهر أيضًا تغطية الكود في السياق.

Pro Tips: إذا كنت بحاجة إلى التحقق من نوع المشروع باستخدام TypeScript ، فيمكنك تشغيل إنشاء مع CMD + Shift + B على Mac.

مساهمات

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

رخصة

مرخصة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا ، حقوق الطبع والنشر © 2023

انظر الترخيص لمزيد من المعلومات.

مصنوع من ♥ بواسطة CreativeSignsguru

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل