ReactMonitor - En App Som Hjälper Utvecklare Att Felsöka Och Optimera Deras React-Applikationer
ReactMonitor är en app som hjälper utvecklare att felsöka och optimera sina React-applikationer.
Den visualiserar React-komponentträdet för att visa komponentens tillståndsändringar och egenskapsändringar. Det gör det genom en webSocket-anslutning mellan användarens webbläsare och React-servern. På så sätt kan utvecklaren få en detaljerad vy över hela trädet av den aktuella tillståndet av applikationen och alla ändringar som har gjorts.
ReactMonitor kommer att uppdatera trädet på klientens sida i realtid. Den kommer också att behålla trädstillståndet som ett lokalt tillstånd för att visualisera ändringarna på klientens sida.
Hur fungerar det?
När ReactMonitor startar kommer ReactServer och ReactDOMServer båda att starta och lyssna efter anslutningen på port 3000. Utvecklaren kommer att kunna använda ReactServer och ReactDOMServer för att starta applikationen. Utvecklaren kommer sedan att kunna kontrollera appen för att felsöka och optimera den.