Reageer binnen Chrome met OffiDocs

PRODUCTBESCHRIJVING

Reactime is genomineerd voor de Productivity Booster-prijs bij React Open Source Awards 2020. Bezoek ons ​​op https://www.

reactie.

me/ Reactime is een open source Chrome-ontwikkelaarstool voor foutopsporing in tijdreizen en prestatiebewaking in React-applicaties.

Reactime stelt ontwikkelaars in staat om momentopnamen van de applicatiestatus vast te leggen, tussen momentopnamen van toestanden te springen en deze te inspecteren, en prestatiestatistieken te bewaken, zoals de weergavetijd van componenten en de weergavefrequentie.

Reactime 18.0 introduceert een reeks nieuwe en verbeterde functies die gericht zijn op het verbeteren van de prestaties en het verbeteren van de compatibiliteit met Next.

js en Remix-applicaties.

We hebben ook de bug op het zwarte scherm opgelost en het geheugengebruik geoptimaliseerd voor asynchrone oproepen.

Statussnapshots classificeren op route De lijst met statussnapshots in het Reactime-dashboard is nu geclassificeerd op route om de ontwikkelaar visuele aanwijzingen te geven van de snapshot-routerelatie en het debuggen van verschillende routes door tijdreizen gemakkelijker te maken.

Prestatiestatistieken filteren op route Het Reactime-dashboard bevat een gestapelde staafgrafiek die de rendertijden voor elk onderdeel weergeeft, met een afzonderlijke staafstapel voor elke momentopname.

Met Reactime 14.0 kan dit samengestelde staafdiagram nu per route worden gefilterd, zodat de ontwikkelaar gedetailleerde prestatiegegevens per route kan bekijken.

Functies: - Compatibiliteit met React-router - Component Tree Visualisatie - Snapshots van applicatiestatus opnemen - Foutopsporing in tijdreizen - Vergelijking van snapshotreeksen - Rendertijd en frequentie van componenten - Ondersteuning voor Gatsby, Next.

js en Remix - Beta-ondersteuning voor TypeScript - Tutorial Walkthrough Problemen oplossen: Waarom vertelt Reactime me dat er geen React-toepassing is gevonden? Reactime draait in eerste instantie met behulp van de dev tools global hook van de Chrome API.

Het duurt even voordat Chrome dit laadt.

Probeer uw applicatie een paar keer te vernieuwen totdat u Reactime ziet draaien.

Er is een zwart scherm in plaats van de Reactime-extensie.

Probeer de toepassing die u wilt testen te vernieuwen en vernieuw de DevTools door met de rechtermuisknop op "Frame opnieuw laden" te klikken.

Ik heb een fout gevonden in Reactime.

Reactime is een open source-project en we zouden uw hulp bij het verbeteren van de gebruikerservaring zeer op prijs stellen.

Maak een pull-aanvraag (of probleem) om wijzigingen in een repository voor te stellen en eraan samen te werken.

Verder lezen: 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.

medium.

com/tijdreizen-door-react-state-met-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

Extra informatie:

- Aangeboden door Reactime
- Gemiddelde beoordeling: 4.7 sterren (vond het geweldig)
- Ontwikkelaar Dit e-mailadres is beschermd tegen spambots. U heeft Javascript nodig om het te kunnen zien.

Reactietijd web extension geïntegreerd met de OffiDocs Chromium online.