Chrome को React Developer Tools के साथ React.js एक्सप्लोरर जोड़ें

प्रत्येक वेब डेवलपर को पहले से ही अद्भुत के बारे में पता होना चाहिए क्रोम डेवलपर उपकरण. यह सुविधा है Chrome में सही बनाया गया और यह डेवलपर्स देता है पृष्ठों का निरीक्षण करें तथा तत्वों को संपादित करें या निकालें ब्राउज़र के भीतर से ही सही.

यह अविश्वसनीय रूप से शक्तिशाली है और यह सबसे अच्छा तरीका है अध्ययन पृष्ठ व्यवहार जैसे विलंबता, पृष्ठ संसाधन, या कंसोल कमांड निष्पादित करने के लिए.

फेसबुक की टीम ने बनाया React.js पुस्तकालय जो सामने वाले डेवलपर्स के लिए एक परत का सार करता है कुछ यूआई तत्वों का पुन: उपयोग करें.

और अब, के साथ रिएक्टर डेवलपर उपकरण आप ऐसा कर सकते हैं इन तत्व पदानुक्रमों का निरीक्षण करें तथा पृष्ठ पर उन्हें ठीक से संपादित करें.

यह है एक पूरी तरह से मुक्त विस्तार और उसका फेसबुक पर लोगों द्वारा विकसित की है तो आप जानते हैं कि यह अच्छी गुणवत्ता है.

आप भी कर सकते हैं विभिन्न राज्यों और वस्तु वृक्षों के पथ का अध्ययन करें जिन तत्वों में अन्य तत्व ऊपर और नीचे शामिल हैं.

साइडबार में, आप कर सकते हैं सहारा और राज्यों के माध्यम से ब्राउज़ करें जो आपको उसी पेड़ में अन्य तत्वों के व्यवहार का अध्ययन करने देता है। यह वास्तव में एक है नए रिएक्टर उपयोगकर्ताओं के लिए महान प्लगइन क्योंकि यह उन्हें पुस्तकालय के बारे में अधिक समझने में मदद कर सकता है.

स्वाभाविक रूप से, यह भी शामिल है किसी भी घटना के श्रोता यह एक निश्चित घटक की स्थिति को बदल सकता है। और यह तल पर ब्रेडक्रंब आप आसानी से माता-पिता / बाल तत्वों के माध्यम से स्किम करते हैं.

यह एकदम सही प्रतिक्रिया उपकरण से दूर है। लेकिन जब आप कर रहे हैं तो यह आपके काम को बहुत आसान बना देगा खरोंच से गतिशील अनुप्रयोगों का निर्माण.

आईटी इस पूरी तरह से खुला हुआ फेसबुक द्वारा बनाए गए एक आधिकारिक GitHub रेपो के साथ और अक्सर अपडेट किया जाता है.

आप इस क्रोम एक्सटेंशन को इंस्टॉल कर सकते हैं क्रोम के किसी भी संस्करण के लिए. या यदि आप फ़ायरफ़ॉक्स उपयोगकर्ता हैं तो आप कर सकते हैं एफएफ ऐड-ऑन देखें जो फ़ायरफ़ॉक्स v38 और उच्चतर का समर्थन करता है। अब तक मैंने सफारी / ओपेरा उपयोगकर्ताओं के लिए कोई समर्थन नहीं देखा है, लेकिन यह एक खुला स्रोत विस्तार है इसलिए यह निकट भविष्य में आ सकता है.