open-source-labs/Reactime
کاربرد:
این ابزار به تو کمک می‌کنه تا تغییرات حالت (state) در برنامه‌های React رو به صورت زمان‌سرگشتگی دنبال کنی ️، یعنی می‌تونی جلو و عقب بری توی رویدادهای اجرا و ببینی هر تغییری که اتفاق افتاده. همچنین می‌تونه بهت کمک کنه تا عملکرد (performance) کامپوننت‌ها رو رصد کنی و جاهایی که کندی وجود داره رو پیدا کنی .
در چه شرایطی بهتره استفاده شود؟
وقتی داری روی یک پروژه React کار می‌کنی و با باگ‌های پیچیده state یا re-renderهای غیرضروری درگیری، استفاده از Reactime می‌تونه خیلی مفید باشه. همچنین اگر داری بهینه‌سازی عملکرد برنامه رو انجام می‌دی، این ابزار می‌تونه بهت نمایش بده کدوم کامپوننت‌ها دارن زیادی رندر می‌شن یا زمان زیادی می‌برن.
چند مثال از موارد استفاده
- دیدن تاریخچه تغییرات state بعد از یک کلیک یا ورودی کاربر ️
- بازگشت به یک حالت قبلی برنامه بدون ریست کردن دستی
- شناسایی کامپوننت‌هایی که در هر آپدیت بی‌دلیل رندر می‌شن
- تحلیل زمان رندر کامپوننت‌ها برای بهبود سرعت اجرا ️
- ##React
- ##Debugging
- ##PerformanceMonitoring
- ##StateManagement
- ##DeveloperTools
- ##OpenSource
- ##Frontend
- ##WebDev
- ##TimeTravelDebugging
- ##Reactime