Ad

IngleseFranceseSpagnolo

Editore gratuito in linea | DOC > | XLS > | PPT >


Favicon di OffiDocs

Tempo di reazione in Chrome con OffiDocs

Schermata Reactime per estensione Chrome web store in OffiDocs Chromium

Ad


DESCRIZIONE


Reactime è stato nominato per il premio Productivity Booster ai React Open Source Awards 2020. Visitaci su https://www.

reatti.

me/ Reactime è uno strumento per sviluppatori Chrome open source per il debug dei viaggi nel tempo e il monitoraggio delle prestazioni nelle applicazioni React.

Reactime consente agli sviluppatori di registrare istantanee dello stato dell'applicazione, saltare tra e ispezionare istantanee di stato e monitorare le metriche delle prestazioni come il tempo di rendering dei componenti e la frequenza di rendering.

Reactime 18.0 introduce una gamma di funzionalità nuove e migliorate volte a migliorare le prestazioni e migliorare la compatibilità con Next.

js e applicazioni Remix.

Abbiamo anche corretto il bug della schermata nera e ottimizzato l'utilizzo della memoria per le chiamate asincrone.

Classificazione delle istantanee di stato per percorso L'elenco delle istantanee di stato nella dashboard di Reactime è ora classificato per percorso per fornire allo sviluppatore indicazioni visive della relazione snapshot-percorso e semplificare il debug del viaggio nel tempo di vari percorsi.

Filtraggio delle metriche delle prestazioni per percorso La dashboard di Reactime include un grafico a barre in pila che mostra i tempi di rendering per ciascun componente, con uno stack a barre separato per ogni istantanea.

Con Reactime 14.0, questo grafico a barre composito può ora essere filtrato per percorso per consentire allo sviluppatore di rivedere i dati dettagliati sulle prestazioni per percorso.

Caratteristiche: - Compatibilità del router React - Visualizzazione dell'albero dei componenti - Registrazione di istantanee dello stato dell'applicazione - Debug del viaggio nel tempo - Confronto di serie di istantanee - Tempo e frequenza di rendering dei componenti - Supporto per Gatsby, Next.

js e Remix - Beta Support for TypeScript - Tutorial Risoluzione dei problemi: perché Reactime mi dice che non è stata trovata alcuna applicazione React? Reactime inizialmente viene eseguito utilizzando l'hook globale degli strumenti di sviluppo dall'API di Chrome.

Chrome impiega tempo per caricarlo.

Prova ad aggiornare la tua applicazione un paio di volte finché non vedi Reactime in esecuzione.

C'è una schermata nera invece dell'estensione Reactime.

Prova ad aggiornare l'applicazione che desideri testare e aggiorna DevTools facendo clic con il pulsante destro del mouse su "Ricarica frame".

Ho trovato un bug in Reactime.

Reactime è un progetto open source e apprezzeremmo molto il tuo aiuto per migliorare l'esperienza dell'utente.

Crea una richiesta pull (o problema) per proporre e collaborare alle modifiche a un repository.

Ulteriori letture: 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.

media.

com/time-traveling-through-react-state-with-reactime-9-0-371dbdc99319 https://medium.

com/@liuedar/che-ora-è-reactime-fd7267b9eb89 https://medium.

com/@christinaor/scoprire-reactime-comprensione-react-fiber-redux-compatibilità-e-zonizzazione-in-on-components-59f0758e0fa3

Informazioni aggiuntive:


- Offerto da Reactime
- Valutazione media: 4.7 stelle (mi è piaciuto molto)
- Sviluppatore Questo indirizzo e-mail è protetto dallo spam bot. Abilita Javascript per vederlo.

Web di reazione extension integrato con OffiDocs Chromium online


Correre Chrome Extensions

Ad