TypeScript 5.0 : quelles sont ses nouveautés ?

Le 16 mars, Microsoft a ravi les programmeurs et les aficionados des technologies web en annonçant la sortie officielle de TypeScript 5.0.

Depuis la version bêta du langage de programmation open-source signée Microsoft, les dev web attendaient une version stable avec impatience.

Ainsi, cette nouvelle version vous offre une réduction du temps de construction des modules de 10 à 15 %. De plus, les packages sont 26 % moins volumineux que ceux de la version précédente.

Mais limiter cette nouvelle version à une simple optimisation serait une erreur. Deux nouvelles fonctionnalités ont su séduire les développeurs : l’implémentation des décorateurs et le typage des paramètres via “type const”.

Voyons-les en détail.

Les décorateurs

Cher Lecteur,

En tant que développeur web, vous est-il déjà arrivé de vouloir modifier le comportement d’une fonction d’une de vos bibliothèques ? Si oui, alors vous avez dû réécrire une partie de votre code-source.

Le style de programmation orienté objet et les interfaces facilitent réduisent considérablement le nombre de lignes de codes à retoucher. Mais soyons honnêtes : développer un code en modifiant constamment ces fonctions peut vite le rendre incompréhensible.

Et c’est là qu’entre en jeu la nouvelle fonctionnalité du langage informatique TypeScript : les décorateurs.

En utilisant une technique de programmation logicielle basée sur les décorateurs, vous ne toucherez absolument pas aux lignes de codes de votre fonction.

À la place, vous en créerez une nouvelle fonction qui va « décorer » la fonction que vous ciblez.

Regardez plutôt l’exemple officiel fourni par Microsoft.

Développer une application en entremêlant les instructions d’exécution et celles de débogage comme ci-dessus est rarement une bonne idée. En le faisant, vous rendez vos scripts et librairies difficiles à maintenir pour les autres développeurs web.

Pour éviter cela, vous pouvez utiliser les décorateurs.

 

Ne trouvez-vous pas que le décorateur loggedMethod améliore grandement la lisibilité et la syntaxe du code ?

Face à une bibliothèque constituée de plusieurs milliers de lignes de code, les décorateurs peuvent faire toute la différence.

Si les décorateurs vous intéressent, ce billet de blog dédié au développement d’application en langage python est fait pour vous. Les langages de programmation sont différents, mais le principe est identique.

Le typage de paramètre constant

Même si TypeScript s’appuie sur du code JavaScript, il fait partie des langages de programmation à typage statique. Exactement comme le langage Java et le Swift.

Ce n’est que lorsqu’il est passé à l’interprète de votre navigateur internet qu’il assigne un type général aux paramètres. On parle alors de compilation, ou transcompilation.

Mais parfois, vous aurez besoin que votre application web prenne un type de données spécifique en entrée. Comment en être certain ?

Et c’est là qu’entre en jeu l’autre fonctionnalité phare de cette nouvelle version : le modificateur “const”.

Pour programmer votre fonction à ne recevoir qu’un seul type de données, ajoutez ce modificateur à la déclaration de paramètre de type. Vous indiquez ainsi au compilateur que l’unique type accepté est celui que vous avez défini lors du codage.

En spécifiant les types attendus, vous vous épargnez plusieurs heures de débogage. Côté client, vous limiterez la frustration causée par une expérience-utilisateur en réduisant les bugs.

Les autres fonctionnalités de TypeScript 5.0

TypeScript apporte aussi d’autres surprises pour les développeurs web et les utilisateurs de frameworks basés sur ce dernier. Notamment :

  • une nouvelle balise JSDOC « @Satisfies », qui vous permet de détecter les incompatibilités de type afin d’utiliser plus précisément les valeurs dans votre code ;
  • la prise en charge des formes d’exports de module “ export * from « module” et “export * as ns from « module” ;
  • la possibilité de surcharger les fonctions avec le paramètre JSDOC @overload.

Si vous souhaitez en savoir plus, rendez-vous sur le billet de blog officiel de Microsoft consacré à TypeScript 5.0.

Création site e-commerce : CMS ou développement sur-mesure?

Dans les années 2000, un nouveau type de logiciel est venu bousculer la sphère du web : les CMS.

Accessibles, gratuits, faciles à utiliser, ils vous permettent de créer des sites web et des applications par simple drag & drop. Exit les longues heures passées derrière un écran à scruter attentivement les lignes de codes.

Aujourd’hui (2021), près de 60% des sites web sont développés par un CMS.

Face à cette déferlante des CMS, une question se pose : devez-vous développer votre site d’e-commerce sous un CMS ou via une solution personnalisée ?

Si vous êtes en quête d’une réponse à cette question cruciale, vous êtes au bon endroit. Bonne lecture 🙂

Les points forts des CMS

Commençons par les CMS. Pourquoi séduisent-ils autant de monde ? Il y a au moins 3 raisons derrière ce succès :

  • vous aurez des modules prêts à l’emploi : non seulement, vous n’avez plus à les coder, mais ils sont déjà prêts à être utilisés. Sur des CMS comme Shopify ou BigCommerce, vous n’avez qu’à insérer votre contenu et votre boutique en ligne est prête ;
  • vous débourserez moins pour votre site web : de nombreux CMS comme WordPress.org sont gratuits et open-source. D’autres sont payants, mais peu chers et offrent des forfaits mensuels. Mais qu’importe le cas, un site web fait sous l’une de ces solutions vous revient beaucoup moins cher que si vous aviez engagé un freelance ou une agence pour créer une boutique en ligne sur-mesure ;
  • Vous obtiendrez plus vite votre site : créer un site internet custom demande de passer par d’innombrables phases. Après s’être entendus sur le choix entre React Native ou Flutter, les développeurs doivent concevoir votre architecture, l’implémenter, etc. Autant de tâches qui rallongent considérablement la durée de création de votre site. Avec un CMS, vous n’avez plus à traverser ces étapes, ce qui réduit considérablement les délais de développement.

Maintenant que nous avons terminé avec les CMS, attaquons-nous maintenant aux sites customs.

Les points forts des développements sur-mesure

Lignes de codes d'un site web

Réputé plus chers – ce qui n’est pas toujours vrai -, plus longs et plus techniques, les solutions sur-mesure continuent de séduire. Et voici pourquoi :

  • vous avez accès à plus de fonctionnalités : si votre site d’e-commerce nécessite une fonction non-standard, vous serez heureux d’avoir opté pour un développement sur-mesure. Avec quelques lignes de codes supplémentaires, votre développeur pourra l’ajouter sans soucis. Alors qu’avec un CMS, vous devrez très souvent augmenter votre abonnement, dépendre d’un fournisseur tiers ou alors ne pourrez pas implémenter la fonctionnalité voulue ;
  • votre site aura un design unique : pour comprendre ce point, faites le tour de quelques sites développés sous WordPress et Shopify. Pour les identifier, passer juste leurs URL à l’outil whatcms.org. Vous verrez qu’ils ont tendance à tous se ressembler et à proposer une expérience utilisateur similaire. Problème que vous n’aurez pas en créant votre site sur-mesure ;
  • vous avez plus de flexibilité : sur un CMS, certaines fonctionnalités peuvent être bridées. Fort heureusement, sur un site fait sur-mesure, vous êtes le seul maître à bord. Libre à vous de faire ce que vous voulez. Et c’est valable même si vous avez opté pour un CMS headless (le CMS gère le back-office tandis que le front-office est en custom) ;
  • Vous ne paierez aucune commission sur les ventes : contrairement à votre site sur-mesure, un CMS vous ponctionne des frais de transactions d’une part fixe et d’autre part variable en plus de l’abonnement mensuel – 0.3 € par transaction + 2.5% du CA chez Shopify. Passer un certain cap, ces frais deviennent tout simplement prohibitifs.

Hésitez-vous à choisir votre site web sous un CMS ou sur-mesure ? Parlons ensemble de votre projet ! Nous vous aiderons à trouver la solution la plus adaptée.