esup-multi

Arborescence des pages

Comparaison des versions

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.

Image Added

Sommaire

Général

Nommage des variables et méthodes

...

Ces extraits de code font la même chose, le second est clairement plus facile à lire (et donc à maintenir).

AvantAprès

Image Modified

Image Modified

Template HTML

  • Utiliser au maximum les composants Ionic.

  • Eviter les balises HTML “classiques” (ex: div, ul, li, etc…).

  • Eviter autant que possible d’utiliser du CSS personnalisé (plutôt favoriser les classes prédéfinies d’Ionic).

  • Essayer de garder le DOM aussi léger en minimisant autant que possible le nombre de balises.

  • Si la logique dans le template devient trop complexe, faire les traitements dans le composant afin de simplifier au maximum le template.

...

On déplace ici une partie de la logique dans le composant afin de simplifier et rendre plus lisible le template.

Avant

Après

Image Modified

Image Modified

Rxjs

  • Privilégier l’utilisation du pipe async avec un Observable & pipe , plutôt que de faire un subscribe qui met à jour une variable "synchrone".

...