نحوه دیباگ کردن با React Native Debugger

React Native Debugger ابزاری قوی میباشد که طراحی اپلیکیشن در مشهد به توسعه و گسترش‌دهندگان امداد می‌نماید تا با سرعت بیشتری اپلیکیشن‌های React Native را دیباگ نمایند. تیم‌ای از خصوصیت‌های مفید UI inspector، redux inspector، برک‌پوینت‌ها و network inspector را ارائه می دهد. درین نوشته‌ی‌علمی ما میخواهیم روش نصب و به کار گیری از React Native Debugger را بیاموزیم، که سود‌وری توسعه و گسترش شمارا ارتقاء می دهد.

از نگاه عامیانه، دیباگر ابزاری میباشد که برای رفع انواع یا این که به عبارتی باگ به کارگیری می گردد. در شرایطی که شما پیشرفت‌دهنده در هر مسئله‌ای از نرم‌افزار‌نویسی می باشید، مطلقا در معاش خویش با یک باگ رو به رو گردیده‌اید. React Native Debugger ابزار دیباگ مستقلی میباشد که با به کارگیری از قاب‌ورک Electron تاسیس شده است. شما به راحتی می توانید این ابزار دیباگر را با ابزار Chrome Dev مخلوط فرمایید. این ابزار دیباگر بر اساس دیباگ از راه و روش بدور میباشد که سوای پیکربندی خاصی در React Native گنجانده شد‌ه‌است. با این حالا، React Native debugger خصوصیت‌های بیشتری نسبت به ریموت داراست.

نصب React Native Debugger

فرایند نصب بسیار آسوده میباشد. ما قادر خواهیم بود به راحتی واپسین فولدر نصب را از شیت نشر آن دانلود کنیم. برای macOS، می توانیم از Homebrew Cask برای نصب به کار گیری کنیم. خواهیم توانست فرمان تحت را در ترمینال ایفا کنیم:

brew update && brew cask install react-native-debugger
پس از نصب، به آسانی پوشه React Native Debugger.app را در پوشه Applications خویش گشوده فرمایید.

استعمال از React Native Debugger

بعداز نصب توفیق‌آمیز، به راحتی قادر خواهیم بود فولدر فعال سازی React Native Debugger را گشوده کنیم. از این رو، موقعیت re-connection را در نوار تیتر پنجره debugger app می بینیم. فرایند دیباگینگ، به عبارتی‌طور که در تصویر پایین آرم داده گردیده است، روی پورت 8081 ایفا می گردد: