C-React: تصور تقديم React للمكونات
أداة C-React هي أداة تمديد لـ Chrome تم تطويرها بواسطة C-React وتوفر تمثيلًا بصريًا لتقديم React للمكونات. تتيح هذه الأداة مفتوحة المصدر للمستخدمين عرض شجرة مكونات DOM ومراقبة أنماط التقديم على صفحات الويب والوصول إلى مقاييس الأداء.
أفضل بديل موصى به
من خلال دمج أداة C-React Developer Tool في لوحة تطوير Chrome ، يمكن للمستخدمين تحديث الصفحة ديناميكيًا والتواصل معها لتصور تغييرات المكونات. توفر الأداة أيضًا مقاييس الأداء للمكونات ، مما يعزز أوقات التحميل الفعالة.
للبدء ، ما عليك سوى تثبيت أداة C-React DevTool من Chrome Web Store. ثم افتح تطبيق React الخاص بك الذي يتم تقديمه بواسطة C-React's Custom Renderer. افتح أدوات تطوير Chrome وانقر على لوحة C-React. أثناء تصفح صفحة الويب الخاصة بك ، ستقوم شجرة المكونات بالتحديث بشكل ديناميكي ، مما يوفر تمثيلًا بصريًا واضحًا للتغييرات. سيؤدي النقر على عقدة الشجرة إلى تسليط الضوء على العنصر المقابل على صفحة الويب الخاصة بك.
على الرغم من أن أداة C-React Dev Tool متوافقة مع أي صفحة ويب ، إلا أنها لن تعرض أوقات التحميل لعناصر محددة أو تسلط الضوء على العناصر المقابلة عند النقر على عقدة الشجرة ما لم يتم تقديم الصفحة بواسطة C-React's Custom Renderer.
