Skip to content

Commit 8bf55dc

Browse files
Christopher StamperChristopher Stamper
authored andcommitted
added updated gifs to french readme
1 parent f867154 commit 8bf55dc

File tree

1 file changed

+9
-26
lines changed

1 file changed

+9
-26
lines changed

README.fr.md

Lines changed: 9 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -36,11 +36,11 @@
3636
<br>
3737

3838
<p align="center">
39-
<img src="./assets/gifs/main_v21.gif" />
39+
<img src="./assets/gifs/GeneralDemoGif.gif" />
4040
</p>
4141

4242
<p align="center">
43-
  <a href="#how-to-use">Manuel</a> • <a href="#features">Caractéristiques</a> • <a href="https://www.reacti.me/">Website</a> • <a href="#readmore">En savoir plus</a>
43+
  <a href="https://www.reacti.me/">Website</a>
4444
</p>
4545

4646
## <h1>Caractéristiques</h1>
@@ -52,7 +52,7 @@ Vous pouvez afficher la structure des fichiers de votre application et cliquer s
5252
<br>
5353

5454
<p align="center">
55-
<img src="./assets/gifs/timeTravelHistory_v21.gif" />
55+
<img src="./assets/gifs/TimeTravelGif.gif" />
5656
</p>
5757
<br>
5858

@@ -81,7 +81,7 @@ Vous pouvez exporter les instantanés sous forme de fichier JSON et les importer
8181
<br>
8282

8383
<p align="center">
84-
<img src="./assets/gifs/importExport_v21.gif" />
84+
<img src="./assets/gifs/importExport_v22.gif" />
8585
</p>
8686
<br>
8787

@@ -91,6 +91,11 @@ Si Reactime se déconnecte de l'application que vous surveillez, cliquez sur le
9191
<br>
9292
<br>
9393

94+
<p align="center">
95+
<img src="./assets/gifs/ReconnectGif22.gif" />
96+
</p>
97+
<br>
98+
9499
### 🔹 Optimisation du Rendu
95100

96101
L'un des problèmes les plus courants affectant les performances dans React est rednu plusieurs fois. Ce problème peut être résolu en vérifiant vos rendus dans le Onglet Performances dans Chrome DevTools sous le panneau Reactime.
@@ -157,28 +162,6 @@ Nous avons apporté de nombreux changements destinés à améliorer l'expérienc
157162

158163
Si vous souhaitez en savoir plus sur les versions précédentes, cliquez <a href="https://github.com/open-source-labs/reactime/releases">ici !</a>
159164

160-
## <b>Installation</b>
161-
162-
Pour commencer, installer l’[extension](https://chrome.google.com/webstore/detail/reactime/cgibknllccemdnfhfpmjhffpjfeidjga) Reactime depuis le Chrome Web Store.
163-
164-
REMARQUE: L'[extension](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) React Developer Tools est également requise pour que Reactime s'exécute, si vous ne l'avez pas déjà installé sur votre navigateur.
165-
166-
### <b>Installation Alternative</b>
167-
168-
Utilisez `src/extension/build/build.zip` pour une installation manuelle en [mode Développeur](https://developer.chrome.com/extensions/faq#faq-dev-01). Activez "Autoriser l'accès aux URL de fichiers" dans la page des détails de l'extension si vous effectuez un test local.
169-
170-
Actuellement, Reactime est compatible avec les applications React qui utilisent des composants à état (stateful) et Hooks, avec un support en version bêta de Recoil et de pour le Context API.
171-
172-
<b>Reactime 18.0</b> introduit une gamme de fonctionnalités nouvelles et améliorées visant à optimiser les performances et à améliorer la compatibilité. Avec le support de Next.js et de Remix, une couverture de test accrue (93% backend, le frontend a encore besoin de plus de tests), ainsi que des améliorations structurelles de la base de code. De plus, nous sommes fiers d'annoncer le lancement de notre site web récemment redessiné, qui sert de centre pour les dernières mises à jour et informations sur Reactime. Pour aider à la débogage, nous avons inclus des applications de démonstration pour Next.js et Remix, permettant aux futurs itérateurs de tester et dépanner avec plus de facilité et d'efficacité.
173-
174-
<b>Reactime version 7.0</b> beta peut vous aider à éviter les ré-rendus inutiles. Identifier les rendus inutiles dans vos applications React est le point de départ idéal pour identifier la plupart des problèmes de performances.
175-
La version beta 7.0 de Reactime corrige les bugs des anciennes versions et intègre des visualisations améliorées pour les relations entre les composants.
176-
Reactime 7.0 inclut également une documentation [typedoc](https://typedoc.org/api/) plus approfondie pour les développeurs souhaitant contribuer au code source.
177-
178-
Après avoir installé Reactime, vous pouvez tester ses fonctionnalités avec votre application React en mode développement.
179-
180-
Veuillez noter que la fonction de saut de temps fonctionnera UNIQUEMENT lorsque votre application s'exécute en mode développement. En mode production, vous pouvez afficher la carte des composants de votre application, mais aucune fonctionnalité supplémentaire.
181-
182165
<p align="center">
183166

184167
<h1>Installation</h1>

0 commit comments

Comments
 (0)