# Point stabilité, mise à jour des dépendance & qualité de code

**URL:** <https://community.gladysassistant.com/t/point-stabilite-mise-a-jour-des-dependance-qualite-de-code/6121>\
**Category:** Développement\
**Created:** [Février 22, 2021, 10:57 UTC](https://community.gladysassistant.com/t/point-stabilite-mise-a-jour-des-dependance-qualite-de-code/6121 "2021-02-22T10:57:20Z")\
**Posts on this page:** 1\
**Showing post:** 80

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Juillet 19, 2021, 3:21 UTC](https://community.gladysassistant.com/t/point-stabilite-mise-a-jour-des-dependance-qualite-de-code/6121/80 "2021-07-19T03:21:53Z")

</div>

Salut à tous !

J’ai passé jeudi et vendredi entier à faire de la stabilité, mise à jour, cleaning et grande nouvelle: j’ai réussi à passer à preact-cli 3.xx !!! 😃

C’est juste fou, ça change absolument tout:

- Plus de bugs bizarres quand on dev (les composants qui se dédoublent)
- Le bundle JS est buildé pour les browser récents, et load intelligemment les polyfill. ça fait une vrai différence de taille de bundle. On reste compatible avec \> 99% des browsers en circulation pas de panique 🙂 Ma target pour Gladys de manière générale est d’être compatible Firefox, Chrome et Safari. C’est déjà bien pour le projet qu’on est.
- Possibilité de load les components en async et donc de ne pas avoir un bundle central énorme, mais des petits bundles. A voir si on veut vraiment séparer le bundle par page, j’ai fais des tests de voir ce que ça donnerait si toutes les routes avaient des bundle séparés, et l’expérience utilisateur n’est pas forcément meilleur: au lieu d’avoir un chargement initial un peu plus lent, l’app parait plus lente quand on la parcourt car il faut faire une requête par route, et ça fait des centaines de bundle au lieu d’un. Comme l’app est une PWA, ça fait que l’app doit se mettre à jour en faisant des centaines de requêtes en séquentiel, c’est plus lent là ou quand c’est un seul bundle c’est juste une requête (certes un peu plus lente, mais qu’une seule requête). Je pense qu’il faut plutôt être smart: faire ça quand c’est nécessaire, sur les routes qui ont vraiment des composants très lourd (exemple: la carte avec leaflet, ce genre de chose)

Je suis super content du résultat, la PR est ici pour ceux que ça intéressent:

> <https://github.com/GladysAssistant/Gladys/pull/1242>
>
> \### Pull Request check-list
> 
> To ensure your Pull Request can be accepted as fa…st as possible, make sure to review and check all of these items:
> 
> \- \[x\] If your changes affects code, did your write the tests?
> \- \[x\] Are tests passing? (\`npm test\` on both front/server)
> \- \[x\] Is the linter passing? (\`npm run eslint\` on both front/server)
> \- \[x\] Did you run prettier? (\`npm run prettier\` on both front/server)
> \- \[x\] If you are adding a new features/services, did you run integration comparator? (\`npm run compare-translations\` on front)
> \- \[x\] If your changes modify the API (REST or Node.js), did you modify the API documentation? (Documentation is based on comments in code)
> \- \[x\] If you are adding a new features/services which needs explanation, did you modify the user documentation? See \[the GitHub repo\](https://github.com/GladysAssistant/v4-website) and the \[website\](https://gladysassistant.com).
> \- \[x\] Did you add fake requests data for the demo mode (\`front/src/config/demo.json\`) so that the demo website is working without a backend? (if needed) See \[https://demo.gladysassistant.com\](https://demo.gladysassistant.com).
> 
> NOTE: these things are not required to open a PR and can be done afterwards / while the PR is open.
> 
> \### Description of change
> 
> Just upgraded preact-cli to major version 3! 
> 
> It changes everything 🚀

Edit: j’ai fais un build dev si vous voulez tester.

Le site de démo Gladys est aussi passé sur ce nouveau build

[https://demo.gladysassistant.com/dashboard](https://demo.gladysassistant.com/dashboard)

---

_[View the full topic](https://community.gladysassistant.com/t/point-stabilite-mise-a-jour-des-dependance-qualite-de-code/6121)._