ตอบสนองใน Chrome ด้วย OffiDocs

DESCRIPTION

Reactime ได้รับการเสนอชื่อเข้าชิงรางวัล Productivity Booster ที่ React Open Source Awards 2020 เยี่ยมชมเราได้ที่ https://www.

ปฏิกิริยา

me/ Reactime เป็นเครื่องมือสำหรับนักพัฒนา Chrome แบบโอเพ่นซอร์สสำหรับการดีบักการเดินทางข้ามเวลาและการตรวจสอบประสิทธิภาพในแอปพลิเคชัน React

Reactime ช่วยให้นักพัฒนาสามารถบันทึกสแน็ปช็อตของสถานะแอปพลิเคชัน ข้ามไปมาระหว่างและตรวจสอบสแน็ปช็อตสถานะ และตรวจสอบเมตริกประสิทธิภาพ เช่น เวลาในการแสดงผลส่วนประกอบและความถี่ในการเรนเดอร์

Reactime 18.0 นำเสนอคุณสมบัติใหม่และที่ได้รับการปรับปรุงซึ่งมีจุดมุ่งหมายเพื่อปรับปรุงประสิทธิภาพและเพิ่มความเข้ากันได้กับ Next

js และแอปพลิเคชันรีมิกซ์

เรายังได้แก้ไขจุดบกพร่องของหน้าจอสีดำและปรับการใช้หน่วยความจำให้เหมาะสมสำหรับการโทรแบบอะซิงโครนัส

การจัดประเภทสแน็ปช็อตสถานะตามเส้นทาง รายการของสแน็ปช็อตสถานะในแดชบอร์ด Reactime ได้รับการจำแนกตามเส้นทางเพื่อให้นักพัฒนาเห็นภาพความสัมพันธ์ระหว่างสแน็ปช็อตและเส้นทาง และทำให้การดีบักการเดินทางข้ามเวลาของเส้นทางต่างๆ ง่ายขึ้น

การกรองเมตริกประสิทธิภาพตามเส้นทาง แดชบอร์ด Reactime รวมถึงกราฟแท่งแบบสแต็กที่แสดงเวลาเรนเดอร์สำหรับแต่ละส่วนประกอบ โดยมีสแต็กแท่งแยกต่างหากสำหรับแต่ละสแน็ปช็อต

ด้วย Reactime 14.0 ตอนนี้สามารถกรองกราฟแท่งประกอบนี้ตามเส้นทางเพื่อให้นักพัฒนาตรวจสอบข้อมูลประสิทธิภาพโดยละเอียดตามเส้นทางได้

คุณสมบัติ: - ตอบสนองความเข้ากันได้ของเราเตอร์ - การแสดงแผนผังส่วนประกอบ - บันทึกภาพรวมของสถานะแอปพลิเคชัน - การดีบักการเดินทางข้ามเวลา - การเปรียบเทียบซีรี่ส์สแน็ปช็อต - เวลาและความถี่การแสดงผลส่วนประกอบ - รองรับ Gatsby, ถัดไป

js และ Remix - รองรับเบต้าสำหรับ TypeScript - บทช่วยสอน การแก้ไขปัญหา: เหตุใด Reactime จึงบอกฉันว่าไม่พบแอปพลิเคชัน React Reactime เริ่มต้นโดยใช้ hook ส่วนกลางของเครื่องมือ dev จาก Chrome API

Chrome ใช้เวลาในการโหลดสิ่งนี้

ลองรีเฟรชแอปพลิเคชันของคุณสองสามครั้งจนกว่าคุณจะเห็น Reactime ทำงาน

มีหน้าจอสีดำแทนส่วนขยาย Reacttime

ลองรีเฟรชแอปพลิเคชันที่คุณต้องการทดสอบและรีเฟรช DevTools โดยคลิกปุ่มเมาส์ขวา “โหลดเฟรมใหม่”

ฉันพบข้อผิดพลาดใน Reacttime

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-understand-react-fiber-redux-compatibility-and-zoning-in-on-components-59f0758e0fa3

ข้อมูลเพิ่มเติม:

- เสนอโดย Reacttime
- เรตติ้งเฉลี่ย : 4.7 ดาว (ชอบมาก)
- นักพัฒนา อีเมลนี้จะถูกป้องกันจากสแปมบอท แต่คุณต้องเปิดการใช้งานจาวาสคริ

เว็บรีแอคไทม์ extension รวมเข้ากับ OffiDocs Chromium ออนไลน์