Temps de réaction dans Chrome avec OffiDocs

DESCRIPTION

Reactime a été nominé pour le prix Productivity Booster aux React Open Source Awards 2020. Visitez-nous sur https://www.

réactif.

me/ Reactime est un outil de développement Chrome open source pour le débogage du voyage dans le temps et la surveillance des performances dans les applications React.

Reactime permet aux développeurs d'enregistrer des instantanés de l'état de l'application, de passer d'un instantané à l'autre et d'inspecter les instantanés d'état, et de surveiller les mesures de performances telles que le temps de rendu des composants et la fréquence de rendu.

Reactime 18.0 introduit une gamme de fonctionnalités nouvelles et améliorées visant à améliorer les performances et à améliorer la compatibilité avec Next.

applications js et Remix.

Nous avons également corrigé le bogue de l'écran noir et optimisé l'utilisation de la mémoire pour les appels asynchrones.

Classification des instantanés d'état par itinéraire La liste des instantanés d'état dans le tableau de bord Reactime est désormais classée par itinéraire pour donner au développeur des indices visuels de la relation entre l'instantané et l'itinéraire et faciliter le débogage du voyage dans le temps de divers itinéraires.

Filtrage des mesures de performances par itinéraire Le tableau de bord Reactime comprend un graphique à barres empilées indiquant les temps de rendu pour chaque composant, avec une pile à barres distincte pour chaque instantané.

Avec Reactime 14.0, ce graphique à barres composite peut désormais être filtré par itinéraire pour permettre au développeur d'examiner les données de performances détaillées par itinéraire.

Caractéristiques : - Compatibilité du routeur React - Visualisation de l'arborescence des composants - Enregistrer des instantanés de l'état de l'application - Débogage du voyage dans le temps - Comparaison des séries d'instantanés - Temps et fréquence de rendu des composants - Prise en charge de Gatsby, Next.

js et Remix - Prise en charge de la version bêta de TypeScript - Tutoriel de dépannage : pourquoi Reactime me dit-il qu'aucune application React n'a été trouvée ? Reactime s'exécute initialement à l'aide du crochet global des outils de développement de l'API Chrome.

Il faut du temps à Chrome pour le charger.

Essayez d'actualiser votre application plusieurs fois jusqu'à ce que Reactime s'exécute.

Il y a un écran noir à la place de l'extension Reactime.

Essayez d'actualiser l'application que vous souhaitez tester et actualisez les DevTools en cliquant sur le bouton droit de la souris "Recharger le cadre".

J'ai trouvé un bogue dans Reactime.

Reactime est un projet open source, et nous apprécierions vraiment votre aide pour améliorer l'expérience utilisateur.

Veuillez créer une demande d'extraction (ou un problème) pour proposer et collaborer sur les modifications apportées à un référentiel.

Lectures complémentaires : 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.

moyen.

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

Informations supplémentaires:

- Offert par Reactime
- Note moyenne : 4.7 étoiles (j'ai adoré)
- Développeur cette adresse e-mail qui est protégée du spam. Vous devez activer JavaScript pour la voir.

Web en temps réel extension intégré avec les OffiDocs Chromium en ligne