تعيين اختبار مراجعة التعليمات البرمجية لمطوري التفاعل المبتدئين

ما هذا


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


اختار رد فعل


فيديو

المشاكل الشائعة


  • الملف التمهيدي السيئ ؛
  • هناك تحذيرات eslint ، وحدة تحكم إضافية. log (لا يحسب redux-logger) ؛
  • لم يتم نقل أيقونة الويب إلى الأمام (قراءة غير دقيقة للمهمة) ؛
  • يتم دفع أيقونة الويب إلى الأمام في المكون (وسيكون من الأفضل في المخفض أو الإجراء) ؛
  • لا يتم مسح كلمة المرور إذا تم إرجاع الطلب مع وجود خطأ ؛
  • يتوفر زر إرسال في نموذج تسجيل الدخول إذا كانت الحقول فارغة (أو أحد الحقول) ؛
  • زر الإرسال في نموذج تسجيل الدخول لا يدعم الضغط على Enter ؛
  • لا ينقسم إلى مكونات / حاويات (لا ينطبق على أولئك الذين يشاركونهم في المناهج الأخرى) ؛
  • يتم إرسال عنوان URL الخاص بالطلبات إلى الخادم بالكامل (لا يوجد تسجيل للجزء المكرر من السلسلة كثابت) ؛
  • لم يتم مسح الخطأ / الإخطار "اسم المستخدم / كلمة المرور غير صحيحة" ؛
  • خطأ "اسم المستخدم / كلمة المرور غير صحيحة" - يتم الإخراج بواسطة ثابت من الخادم ؛
  • نص الخطأ مشفر في التعليمات البرمجية. لا يمكن الوصول إلى القاموس عن طريق ثابت من الخادم ؛
  • لم يتم حذف "الرمز القديم" ، أي الرمز الذي لا يستخدم في أي مكان ؛
  • الوعود لا تحتوي على كتلة التقاط ، لا يوجد خطأ في المعالجة إذا أجاب الخادم ليس على ما ok ؛
  • تتم استضافة المكونات في node_modules ؛
  • أنواع الدعائم مفقودة أو غير موصوفة بشكل كافٍ.
  • الإجراءات والمخففات على الكومة في ملف واحد (أو في كل الإجراءات ، في جميع المخفضات الأخرى). لا يوجد تقسيم إلى "وحدات" ، أي كل كيان - أفعاله ومختصراته ؛

جميع الحلول ذات الطابع الزمني


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




6m00s - التزام آرثر دونكوفتسيف


7m40s - خطأ مطبعي في اسم الوظيفة


8m07s - لم يتم تنفيذ الطلبات غير المتزامنة




9m30s - إلتزام Pavel Pimkin


10m07s - جميع الإجراءات في ملف واحد. لا ينقسم إلى وحدات.


10m25s - يتم إزالة الرمز (تعداد البيانات) في المكون. أفضل في المخفض أو العمل.




التزام سيرجي زاكفوكس


12m28s - نقوش "رائعة". من الأفضل القيام بذلك "بشكل محايد" بحيث يمكن إرسال مهام مماثلة فورًا إلى صاحب العمل.


13m05s - إجراء إضافي يشير إلى اكتمال "التنزيل". أي أنه بدلاً من ثلاثة إجراءات: REQUEST / SUCCESS / STOP ، يمكنك مقابلة اثنين: REQUEST / SUCCESS.




16m16s - التزام ديمتري بتروف


18m16s - باستخدام var


18m34s - جزء من عنوان URL ليس ثابتًا




21m15s - تعهد الخبز Yefim


21m17s - رسالة ارتكاب سيئة


22m15s هي نفس أسماء الإجراءات.




24m16s - التزام كاتسورا فلاديسلاف


25m17s - (ليس خطأ) - البيانات المعدة في المخفض


27m38s - باستخدام e.target ، أفضل e.currentTarget


28m20s - == ، لكن سيكون من الضروري ===


28m33s - باستخدام elementWillUnmount


29m00s (ليس خطأ) - المنطق حول "قبل التحقق من صحة الخادم".


30m05s - لم يتم تنسيق الرمز (لهواة)




30m33s - التزام مكسيم سافين


31m35s - باستخدام معالج "غير عالمي" عند الاقتضاء.




32m02s - التزام سيرغي ريجيس لينكاس


33m42s - لا يوجد إجراء للتحميل المسبق


34m30s - ترتيب الأساليب في المكون. ( المكوّن الإضافي eslint )


35m30s - أنواع PropTypes غير موجودة




35m57s - التزام كونونوف فيتالي




38m02s - التزام رينات ريسيف


39m45s - لا تفعل ما هو غير مثير للاهتمام




40m31s - التزام Evgeny Sanzhiev


41m20s (ليس خطأ) - قاموس للتعامل مع الأخطاء




42m46s - لجنة سد فيتالي


42m54s - لم يتم تنظيف بيانات الاختبار




44m50s - التزام شركة Veniamin Trepachko


الإنجاز: تصميم رائع للغاية.


47m42s - نسخة redux ليست ممتلئة.




47m57s - إلتزام Ingvarr6 (إيغور)


48m21s - لا 404 مسارات




51m20s - التزام كاثرين إتش


51m30s - لم يتم مسح الخطأ




54m48s - اللجنة الرومانية الفلسطينية


55m30s - إجراءات / خطأ تنزيل غير كافٍ


56m49s - استخدام الآثار الجانبية في المخفض


58m10s - (ليس خطأ) إخراج رمز الويب باستخدام css (مريض!)




58m53s - التزام أوميار يوسوبوف


59m15s - استخدام رد الاتصال في setState ، مما يؤدي إلى إعادة رسم غير ضرورية. من الأفضل التحقق من صحة مباشرة في العرض.


61m01s - استخدام غير لائق إذا




62m13s - dsfcv d (boortcore) التزام




التزام كونستانتين ليبسكي


65m11s - يتم نقل عنوان URL بالكامل إلى الإجراء ، فمن الأفضل تمرير المعرف في هذا الخيار.




67m14s - إيكاو إيكاو كومت


67m50s هي حالة صعبة في mustComponentUpdate ، يمكن أن تكون أبسط (تحقق على الفور من props.data وهذا كل شيء)


69m32s - e.preventDefault ليس الأول في المعالج




70m01s - ارتكاب علي قاسموف




71m50s - التزام ألبرت أحمدانوف


72m20s - مكونات في node_modules


73m15s - مكالمات متغيرة مكررة




74m04s - التزام يوجين وايت


76m04s - لم يتم نقل privateRoute إلى مكون منفصل


76m33s - رمز معقد لتحريك أيقونات الويب


76m56s - تم تحميل خاصية زائدة عن الحاجة




77m35s - التزام علاء الدين ألكسندر


80m33s - خطأ لم يتم في القاموس




81m19s - التزام ميشا ميخائيل


81m43s - استخدام فائض مع جهاز withRouter




83m04s - التزام دميتري شابوفالينكو




84m00s - دانيال كوميت


84m58s - قسم العمل الزائد


85m55s - خطأ في اسم طريقة دورة الحياة




86m58s - ارتكاب بوروشين الروماني


87m15s - استخدام غير صحيح لعلامة article


90m46s - مكالمة إضافية لطريقة المصفوفة




91m10s - التزام Artem Bochkov

Source: https://habr.com/ru/post/ar413135/


All Articles