প্রতিক্রিয়া মনিটর ইন Chrome OffiDocs সহ
Ad
বর্ণনাঃ
ReactMonitor উন্নত অনবোর্ডিং এবং ডিবাগিং এর জন্য React এর উপাদান ট্রি পারফরম্যান্স দ্রুত কল্পনা করুন এটি কি করে ReactMonitor Chrome DevTool ব্যবহার করে, প্রারম্ভিক এবং অভিজ্ঞ বিকাশকারীরা একইভাবে একটি বিদ্যমান কোডবেসের একটি ভিজ্যুয়াল উপস্থাপনা পেতে সক্ষম হয় যা তারা কাজ করছে৷
প্রতিক্রিয়া সহ নির্মিত, এই টুলটি গতিশীলভাবে পর্দার পিছনে থাকা ফাইবার রুট অবজেক্টকে অতিক্রম করবে, পৃষ্ঠার অবস্থা, প্রপস, রেন্ডারের সময় এবং পৃষ্ঠার উপাদানগুলির ধরন প্রদর্শন করবে।
কিভাবে ইনস্টল এবং চালানো? নীচের পদক্ষেপগুলি অনুসরণ করে আপনার নিজস্ব কোডবেসে NPM প্যাকেজটি চালান।
- প্যাকেজটি ইনস্টল করুন (npm install reactmonitorfiber) - প্যাকেজটি প্রয়োজন/আমদানি করুন ('reactmonitorfiber' থেকে reactMonitor আমদানি করুন) - DOM উপাদানটির একটি ইনপুট সহ প্রতিক্রিয়া মনিটরকে আহ্বান করুন যে আপনি প্রতিক্রিয়া উপাদানটিকে const ধারক = নথিতে রেন্ডার করছেন।
querySelector('#root'); প্রতিক্রিয়া.
রেন্ডার ( , ধারক); প্রতিক্রিয়া মনিটর (ধারক); - আপনার রিঅ্যাক্ট অ্যাপ্লিকেশানের ডোমেনে নেভিগেট করুন যেটিতে আপনি রিঅ্যাক্ট মনিটর চালাবেন - আপনার ক্রোম ডেভেলপার টুল খুলুন এবং রিঅ্যাক্ট মনিটর নির্বাচন করুন আপনি এখন রিয়েল টাইমে আপনার অ্যাপ্লিকেশানের অবস্থার পরিবর্তন দেখতে সক্ষম!
অতিরিক্ত তথ্য:
- reactmonitorfiber দ্বারা দেওয়া
- গড় রেটিং: 0 তারা (এটা ঘৃণা করে)
- বিকাশকারী এই ইমেইল ঠিকানাটি spambots থেকে রক্ষা করা হচ্ছে. এটি দেখতে হলে আপনাকে JavaScript সক্রিয় করতে হবে.
প্রতিক্রিয়া মনিটর ওয়েব extension OffiDocs এর সাথে একত্রিত Chromium অনলাইন