זמן תגובה פנימה Chrome עם OffiDocs

תיאור

Reactime הייתה מועמדת לפרס הפרודוקטיביות Booster ב-React Open Source Awards 2020. בקרו אותנו בכתובת https://www.

reacti.

me/ Reactime הוא כלי מפתח כרום בקוד פתוח לניפוי באגים במסע בזמן וניטור ביצועים ביישומי React.

Reactime מאפשרת למפתחים להקליט תמונות מצב של יישום, לדלג בין ולבדוק תמונות מצב, ולנטר מדדי ביצועים כגון זמן רינדור רכיבים ותדירות רינדור.

Reactime 18.0 מציגה מגוון תכונות חדשות ומשופרות שמטרתן לשפר את הביצועים ולשפר את התאימות עם Next.

יישומי js ורמיקס.

תיקנו גם את באג המסך השחור ושימוש אופטימלי בזיכרון עבור שיחות אסינכרון.

סיווג תצלומי מצב לפי מסלול רשימת תצלומי מצב בלוח המחוונים של Reactime מסווגת כעת לפי מסלול כדי לתת למפתח רמזים חזותיים ליחסי תמונת מצב-נתיב ולהקל על ניפוי באגים במסע בזמן של מסלולים שונים.

סינון מדדי ביצועים לפי מסלול לוח המחוונים של Reactime כולל גרף עמודות מוערם המציג זמני רינדור עבור כל רכיב, עם ערימת עמודות נפרדת לכל תמונת מצב.

עם Reactime 14.0, ניתן לסנן את גרף העמודות המרוכב הזה לפי מסלול כדי לאפשר למפתח לסקור נתוני ביצועים מפורטים לפי מסלול.

מאפיינים: - תאימות נתב תגובה - הדמיית עץ רכיבים - הקלטת תמונות מצב של יישום - איתור באגים בנסיעות בזמן - השוואת סדרות Snapshot - זמן עיבוד רכיבים ותדירות - תמיכה ב-Gatsby, Next.

js ורמיקס - תמיכה ב-Beta for TypeScript - הדרכה פתרון בעיות: מדוע Reactime אומר לי שלא נמצא יישום React? Reactime פועל תחילה באמצעות ה-dev tools global hook מ-Chrome API.

לוקח זמן ל-Chrome לטעון את זה.

נסה לרענן את היישום שלך כמה פעמים עד שתראה את Reactime פועל.

יש מסך שחור במקום סיומת Reactime.

נסה לרענן את האפליקציה שברצונך לבדוק ולרענן את DevTools על ידי לחיצה על לחצן העכבר הימני "טען מחדש את המסגרת".

מצאתי באג ב-Reactime.

Reactime הוא פרויקט קוד פתוח, ואנו מאוד נשמח לעזרתכם בשיפור חווית המשתמש.

אנא צור בקשת משיכה (או בעיה) כדי להציע ולשתף פעולה בשינויים במאגר.

קריאה נוספת: https://medium.

com/@zdf2424/reactime-18-0-better-than-ever-148b81606257 https://medium.

com/better-programming/time-traveling-state-with-reactime-6-0-53fdc3ae2a20 https://medium.

com/@aquinojardim/react-fiber-reactime-4-0-f200f02e7fa8 https://medium.

com/@yujinkay/meet-reactime-a-time-traveling-state-debugger-for-react-24f0fce96802 https://itnext.

io/deep-in-the-weeds-with-reactime-concurrent-react-fiberroot-and-browser-history-caching-7ce9d7300abb https://rxlina.

בינוני.

com/time-traveling-through-react-state-with-reactime-9-0-371dbdc99319 https://medium.

com/@liuedar/what-time-is-it-reactime-fd7267b9eb89 https://medium.

com/@christinaor/uncovering-reactime-understanding-react-fiber-redux-compatibility-and-zoning-in-on-components-59f0758e0fa3

מידע נוסף:

- מוצע על ידי Reactime
- דירוג ממוצע: 4.7 כוכבים (אהבתי את זה)
- מפתח כתובת דוא"ל זו מוגנת מפני spambots. אתה צריך לאפשר Javascript בכדי לצפות בה.

אינטרנט Reacttime extension משולב עם ה-OffiDocs Chromium באינטרנט