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