L'avenir des outils de construction JavaScript

Qu'est-ce que c'est?

La création d'un logiciel JavaScript est un processus qui nécessite beaucoup d'outils. Bien que les navigateurs puissent utiliser directement JavaScript, il existe généralement des machines qui permettent aux développeurs de se concentrer sur la création de logiciels. De nos jours, le code est très probablement écrit en TypeScript , un sur-ensemble de JavaScript créé par Microsoft qui doit être traduit en JavaScript dont le navigateur (ou d'autres runtimes JavaScript , comme par exemple Node.js ) a besoin.

Il existe plusieurs bundlers qui orchestrent la création des données à envoyer au navigateur de l'utilisateur. Mais cet ensemble de logiciels évolue continuellement, malgré l'existence d'outils assez communs que l'on retrouve dans de nombreux projets en cours.

Selon le projet, il peut être utile de revoir régulièrement vos outils et de garder un œil sur le marché, car plusieurs nouveaux outils ou remplacements d'anciens offrent de réels avantages en termes de rapidité et de convivialité pour les développeurs.

• TypeScript n'est plus si nouveau et est adopté dans de plus en plus de projets logiciels. Il fournit une sécurité de type même sur différents packages et vous permet d'éviter de faire des erreurs pendant la programmation au lieu de les rencontrer en production. Cela entraîne une surcharge à la fois lors de l'écriture d'un logiciel et lors de son traitement en JavaScript.
• Votre code d'application de navigateur - qu'il s'agisse de TypeScript, JavaScript, HTML, CSS (prétraité), d'actifs, etc. doit être compressé pour être déployé. Des outils tels que webpack , Rollup , Parcel et autres font ce travail.
• Pour votre application côté serveur, vous avez besoin d'un environnement d'exécution tel que Node.js pour exécuter votre logiciel.

En termes de rapidité, esbuild a vraiment changé la donne dans nos projets. Il peut être utilisé, par exemple, dans les configurations Webpack existantes en tant que chargeur qui remplace babel-loader. Habituellement, seuls des ajustements mineurs sont nécessaires dans votre code et nous avons constaté des améliorations de vitesse de 50 % et plus dans nos projets.

Mais esbuild peut également être utilisé de manière autonome pour préparer le code pour l'exécution. Esbuild est écrit en Go compilé en code natif, ce qui le rend super rapide.

Voici quelques outils à surveiller :

• Parcel CSS : CSS Parser, compilateur et minificateur, qui promet une grande vitesse (comme il est écrit en Rust )
• Vite.js : outillage frontal et regroupement avec la vitesse d'esbuild sous le capot. Il s'appuie sur les modules Ecmascript et est fortement opiniâtre pour fournir une bonne expérience de développement dès le début.
• Bun : le tout dernier environnement d'exécution JavaScript. Prétend être super rapide et prêt à l'emploi avec des capacités de regroupement, de transpilation (également TypeScript), et a tout ce que vous obtenez avec npm directement intégré. Fait intéressant, il est écrit en Zig et a une boulette comme logo .

Pourquoi le recommandons-nous ?

Bien qu'il soit important de fournir une plate-forme stable et bien testée pour l'application à créer, les choses, en particulier dans le monde JavaScript, se développent à un rythme élevé. Il est difficile de garder une trace de toutes les nouveautés et de nombreux nouveaux projets souffriront d'un faible soutien à l'avenir. D'autres sont là pour rester et permettre la migration vers un meilleur workflow de développement (comme mentionné ci-dessus : TypeScript, esbuild-loader).

Nous encourageons toujours à utiliser une combinaison d'outils bien testés et de logiciels de pointe, afin que vous contrôliez le risque que vous prenez. Pour le développeur, les outils présentés offrent un démarrage plus facile et une grande rapidité pour des tâches parfois fastidieuses lors de la création de nouveaux produits logiciels.

Auteur : Dirk Weber
Illustrations : Kai Sinzinger

Cet article fait partie d'une série intitulée #24TechBites. Pour adoucir le temps qui nous reste jusqu'à Noël, notre objectif est de vous informer sur les technologies actuelles, de vous inspirer ou de vous donner un avis avisé sur les tendances logicielles - le tout sous la forme de 24 petites surprises quotidiennes dans la tradition allemande d'un "Adventskalender".

Pour profiter de tous les autres #TechBites et en savoir plus sur nous et notre calendrier de l'avent, cliquez sur #24TechBites !

À propos de

Büro am Draht est un cabinet de conseil basé à Berlin qui aide ses clients à créer des plateformes numériques résilientes et adaptables pour répondre aux besoins commerciaux d'aujourd'hui et même lancer les modèles commerciaux de demain que nous n'aurions peut-être pas encore prévus. Par conséquent, nous travaillons en étroite collaboration à chaque étape du processus de transformation numérique - de la stratégie numérique à la conception et au développement de solutions en passant par le support opérationnel.

Notre approche agile du développement de solutions polyvalentes et évolutives garantit que nos clients offrent constamment des expériences client attrayantes et personnalisées. Pour en savoir plus sur la façon dont nous aidons les entreprises de tous les secteurs, visitez :

dasburo.com
LinkedIn