ดาวน์โหลด React Monitor สำหรับ Chrome V 0.0.0.1

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

แสดงภาพแผนผังองค์ประกอบ React เพื่อให้เห็นภาพการเปลี่ยนแปลงสถานะของส่วนประกอบและการเปลี่ยนแปลงของเสา ทำได้โดยใช้การเชื่อมต่อ webSocket ระหว่างเบราว์เซอร์ของผู้ใช้กับเซิร์ฟเวอร์ React ด้วยวิธีนี้ ผู้พัฒนาสามารถรับมุมมองโดยละเอียดของแผนผังทั้งหมดของสถานะปัจจุบันของแอปพลิเคชันและการเปลี่ยนแปลงทั้งหมดที่ทำ

ReactMonitor จะอัปเดตแผนผังในฝั่งไคลเอ็นต์แบบเรียลไทม์ . นอกจากนี้ยังจะรักษาสถานะของต้นไม้เป็นสถานะท้องถิ่นเพื่อให้เห็นภาพการเปลี่ยนแปลงในฝั่งไคลเอ็นต์

มันทำงานอย่างไร

เมื่อ ReactMonitor เริ่มทำงาน ReactServer และ ReactDOMServer ทั้งคู่จะเริ่มต้น โดยรับฟังการเชื่อมต่อที่พอร์ต 3000 ผู้พัฒนาจะสามารถใช้ ReactServer และ ReactDOMServer เพื่อเริ่มแอปพลิเคชันได้ จากนั้นนักพัฒนาจะสามารถควบคุมแอปเพื่อแก้ไขจุดบกพร่องและเพิ่มประสิทธิภาพได้