مقدمة حول إنشاء التطبيق التفاعلي

يُعد create-reaction-app أسهل طريقة لبدء تطبيق React

create-react-appهو مشروع يهدف إلى إطلاعك على سرعة React في أسرع وقت. إنه يوفر بداية تطبيق React جاهزة ، بحيث يمكنك الغوص في بناء تطبيقك دون الحاجة إلى التعامل مع تكوينات Webpack و Babel.

يوفر خارج الصندوق:

  • خادم تطوير مع إعادة التحميل السريع
  • يوفر بيئة اختبار مع Jest
  • يسمح ببناء تطبيق React
  • جاهز لبناء جملة ES6 +
  • يجمع كل ما تبذلونه من JavaScript والأصول
  • يأتي مع CSS autoprefixer و SASS و CSS Modules
  • و اكثر!

تبدأ باستخدامnpx، وهي طريقة سهلة لتنزيل أوامر Node.js وتنفيذها دون تثبيتها.npxيأتي معnpm(منذ الإصدار 5.2) وإذا لم يكن لديك npm مثبتًا بالفعل ، فافعل ذلك الآن منhttps://nodejs.org(يتم تثبيت npm مع Node).

إذا لم تكن متأكدًا من الإصدار الذي لديك ، فإنني أوصي بالتحقق مما إذا كنت بحاجة إلى التحديث.

نصيحة: تحقق من البرنامج التعليمي للمحطة فيhttps://flaviocopes.com/macos-terminal/إذا لم تكن معتادًا على ذلك

عندما تقوم بتشغيلnpx create-react-app <app-name>وnpxيتوجه الىتحميلالأحدثcreate-react-appقم بتحريره وتشغيله ، ثم قم بإزالته من نظامك. هذا أمر رائع لأنه لن يكون لديك إصدار قديم على نظامك ، وفي كل مرة تقوم بتشغيله ، تحصل على أحدث وأكبر رمز متاح.

لنبدأ اذن:

npx create-react-app todolist

هذا عندما تنتهي من الجري:

create-react-appإنشاء بنية ملفات في المجلد الذي أخبرته (todolistفي هذه الحالة) ، وتهيئة أشخص سخيفمخزن.

أضاف أيضًا بعض الأوامر في ملفpackage.jsonملف ، حتى تتمكن من بدء التطبيق فورًا بالانتقال إلى المجلد وتشغيلهnpm start.

بالإضافة إلىnpm startوcreate-react-appأضاف بعض الأوامر الأخرى:

  • npm run build: لبناء ملفات تطبيق React بتنسيقbuildمجلد جاهز للنشر على الخادم
  • npm test: لتشغيل مجموعة الاختبار باستخدامدعابة
  • npm eject: للطرد منcreate-react-app

القذف هو فعل تقرير ذلكcreate-react-appفعلت ما يكفي من أجلك ، لكنك تريد أن تفعل أكثر مما تسمح به.

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

عند الإخراج ، تفقد إمكانية التحديثات التلقائية ولكنك تكتسب المزيد من المرونة فيبابلوحزمة الويبإعدادات.

عند إخراج العمل لا رجوع فيه. ستحصل على مجلدين جديدين في دليل التطبيق الخاص بك ،configوscripts. تلك تحتوي على كل التهيئة التي تحتاجها والآن يمكنك البدء في تعديلها

تحميل مجانيكتيب رد الفعل


المزيد من البرامج التعليمية للتفاعل: