Reactime în Chrome cu OffiDocs

DESCRIERE

Reactime a fost nominalizat pentru premiul Productivity Booster la React Open Source Awards 2020. Vizitați-ne la https://www.

reacti.

me/ Reactime este un instrument de dezvoltator Chrome open source pentru depanarea călătoriei în timp și monitorizarea performanței în aplicațiile React.

Reactime le permite dezvoltatorilor să înregistreze instantanee ale stării aplicației, să sară între și să inspecteze instantaneele de stare și să monitorizeze valorile de performanță, cum ar fi timpul de randare a componentelor și frecvența de randare.

Reactime 18.0 introduce o gamă de caracteristici noi și îmbunătățite menite să îmbunătățească performanța și să sporească compatibilitatea cu Next.

js și aplicații Remix.

De asemenea, am remediat eroarea ecranului negru și am optimizat utilizarea memoriei pentru apelurile asincrone.

Clasificarea instantaneelor ​​de stat în funcție de rută Lista de instantanee de stat din tabloul de bord Reactime este acum clasificată în funcție de rută, pentru a oferi dezvoltatorului indicii vizuale ale relației instantanee-rută și pentru a face mai ușoară depanarea călătoriei în timp a diferitelor rute.

Filtrarea valorilor de performanță în funcție de rută Tabloul de bord Reactime include un grafic cu bare stivuite care arată timpii de randare pentru fiecare componentă, cu o stivă de bare separată pentru fiecare instantaneu.

Cu Reactime 14.0, acest grafic cu bare compozit poate fi acum filtrat în funcție de rută, pentru a permite dezvoltatorului să revizuiască datele detaliate de performanță în funcție de rută.

Caracteristici: - Compatibilitate cu routerul React - Vizualizarea arborelui componente - Înregistrați instantanee ale stării aplicației - Depanare în timp - Comparație serie de instantanee - Timp și frecvență de redare a componentelor - Suport pentru Gatsby, Next.

js și Remix - Suport beta pentru TypeScript - Tutorial Soluție de depanare: De ce îmi spune Reactime că nu a fost găsită nicio aplicație React? Reactime rulează inițial folosind cârligul global al instrumentelor de dezvoltare din API-ul Chrome.

Este nevoie de timp pentru ca Chrome să încarce acest lucru.

Încercați să vă reîmprospătați aplicația de câteva ori până când vedeți Reactime rulând.

Există un ecran negru în locul extensiei Reactime.

Încercați să reîmprospătați aplicația pe care doriți să o testați și să reîmprospătați DevTools făcând clic pe butonul din dreapta al mouse-ului „Reîncărcați cadrul”.

Am găsit o eroare în Reactime.

Reactime este un proiect open source și am aprecia cu adevărat ajutorul dvs. pentru îmbunătățirea experienței utilizatorului.

Creați o cerere de extragere (sau o problemă) pentru a propune și a colabora la modificările aduse unui depozit.

Lectură suplimentară: 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.

mediu.

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

Informații suplimentare:

- Oferit de Reactime
- Evaluare medie: 4.7 stele (mi-a placut)
- Dezvoltator Această adresă de e-mail este protejată de spamboți. Aveți nevoie de activarea JavaScript-ului pentru ao vizualiza.

Reactime web extension integrat cu OffiDocs Chromium on-line