React-devtools: منشئ ملفات التعريف: تحسين تجربة المستخدم "عدد العرض"

تم إنشاؤها على ٢٧ أغسطس ٢٠١٨  ·  4تعليقات  ·  مصدر: facebook/react-devtools

تُعد تسمية عدد التجسيد مربكة نظرًا لأنها تمثل عددًا من عمليات العرض طوال عمر التطبيق بالكامل وليس فقط نافذة الوقت التي كنا نسجل فيها.

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

enhancement profiler

التعليق الأكثر فائدة

كنت أتساءل لماذا يتم عرض مكوناتي (وفقًا لـ "إجمالي التصيير" لملف التعريف) مرات عديدة لإجراء واحد. كنت أخدش رأسي لمدة يوم واحد حتى وجدت هذا لفهم معنى "إجمالي العروض"

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

ال 4 كومينتر

لقد وجدت هذا للتو لأنني لم أكن متأكدًا من معنى "إجمالي العروض". لا يزال من غير الواضح بالنسبة لي أن هذا يعني عدد الحياة - اعتقدت أنه يعني "إجمالي عمليات العرض لهذا الالتزام". هل يجب تسميته "عمليات العرض مدى الحياة" أو "إجمالي عمليات العرض (مدى الحياة)"؟

نعم ربما "إجمالي العروض" 😄

كنت أتساءل لماذا يتم عرض مكوناتي (وفقًا لـ "إجمالي التصيير" لملف التعريف) مرات عديدة لإجراء واحد. كنت أخدش رأسي لمدة يوم واحد حتى وجدت هذا لفهم معنى "إجمالي العروض"

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

تمت إعادة كتابة React DevTools وإطلاق إصدار جديد 4 UI مؤخرًا . تم إجراء الكود المصدري لإعادة الكتابة في مستودع منفصل ويعيش الآن في مستودع React الرئيسي ( github.com/facebook/react ).

نظرًا لأن الإصدار 4 كان عبارة عن إعادة كتابة كاملة ، وجميع المشكلات الموجودة في هذا المستودع مرتبطة بالإصدار القديم 3 من الامتداد ، فأنا أقوم بإغلاق جميع المشكلات في هذا المستودع. إذا كان لا يزال بإمكانك إعادة إظهار هذه المشكلة ، أو تعتقد أن طلب الميزة هذا لا يزال ملائمًا ، فيرجى فتح مشكلة جديدة في React repo: https://github.com/facebook/react/issues/new؟labels=Component:٪ 20Developer٪ 20 الأدوات

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات