React कंपोनेंट का source code ढूंढने वाला Chrome extension

यह एक Chrome extension है, जिसकी मदद से ब्राउज़र में render किए गए elements के आधार पर React components का source code जल्दी खोजा जा सकता है.

कंपनी के भीतर React source code को गहराई से पढ़ने की एक स्टडी के दौरान, "React source code पढ़कर आप ऐसा भी कर सकते हैं" इस कॉन्सेप्ट के साथ बनाया गया extension है. खास तौर पर कभी प्रचार या परिचय नहीं किया, लेकिन पहचान के ज़रिए अमेरिका और भारत के काफी developers इसे इस्तेमाल कर रहे हैं, इसलिए परिचय के लिए साझा कर रहा हूँ.

Extension इंस्टॉल करने के बाद, अगर आप developer tools में मौजूद React Code Finder टैब खोलें, तो development environment में component code को जल्दी ढूंढकर IDE में खोल या संपादित कर सकते हैं.

ऐप का आकार बढ़ने के साथ rendered elements के आधार on source code जल्दी ढूंढना मुश्किल लगने वाले लोगों के लिए, react-devtools extension की usability से संतुष्ट न रहने वालों के लिए, और real-time में code बदलकर ब्राउज़र में बदलाव देखना चाहने वालों के लिए यह उपयोगी हो सकता है.

विस्तृत उपयोग विधि के लिए नीचे दिया गया README.md देखें~!

https://github.com/Jonghakseo/react-code-finder-extension/…

Github लिंक

https://github.com/Jonghakseo/react-code-finder-extension
https://github.com/Jonghakseo/react-code-finder-server

[unqocn]

जानकारी के लिए, extension जारी करने के बाद पता चला कि इसी तरह की extension/library के रूप में Locatorjs नाम का एक प्रोडक्ट पहले से मौजूद है!

मेरे व्यक्तिगत उपयोग के अनुभव में मेरी extension थोड़ी ज़्यादा सुविधाजनक लगी, लेकिन मुझे लगता है कि ऐसा सिर्फ इसलिए भी हो सकता है क्योंकि मैं उसी की आदी हूँ haha

अगर आपको ऐसे फ़ीचर में रुचि है, तो उस प्रोडक्ट को भी देखना अच्छा रहेगा।

https://www.locatorjs.com/