SFX – Spyrosoft CLI pour un meilleur développement frontend

Le monde du développement web évolue rapidement. Les entreprises se disputent les clients, ce qui exige des développeurs qu'ils se démarquent et apportent plus de valeur que leurs concurrents. C'est l'une des raisons pour lesquelles nous avons créé SFX – Spyrosoft Frontend CLI.

Chaque développeur connaît ce schéma : vous démarrez un nouveau projet, et le premier jour est une routine répétable. D'abord, vous devez créer un dépôt, ajouter quelques commits initiaux et installer la bibliothèque ou le framework souhaité. Ensuite, vous devez ajouter certains outils, comme Linter et Docker, ou préparer des pipelines CI/CD pourexécuter quelques tests ou lint.

Lorsque vous l'avez fait des centaines de fois auparavant, il peut être ennuyeux de recommencer… De plus, cela prend encore une demi-journée, voire plus. Et c'est pourquoi le nouveau package SFX de Spyrosoft pourrait vous aider.

Optimiser l'efficacité du développement frontend avec Spyrosoft Frontend Extension (SFX)

Dans le paysage en constante évolution du développement web, l'efficacité et la rapidité ne sont pas seulement souhaitables ; elles sont une nécessité. Voici Spyrosoft Frontend Extension – SFX, un outil révolutionnaire conçu pour doper le flux de travail des développeurs Angular et React.

L'aube d'une nouvelle ère de développement

Fini le temps des processus d'installation fastidieux et des maux de tête de configuration. SFX annonce une nouvelle ère où l'initialisation d'un projet frontend est aussi simple qu'une seule commande. Il ne s'agit pas d'une simple amélioration ; c'est un changement de paradigme qui réduit considérablement les temps d'installation et permet aux développeurs de se plonger directement dans ce qu'ils font de mieux – le codage.

Configuration simplifiée : le rêve d'un développeur

Imaginez démarrer un nouveau projet en évitant le travail ingrat de configuration. Avec SFX, ce rêve devient réalité. Des outils préconfigurés tels que Docker garantissent des environnements de développement cohérents sur Mac, Linux et Windows, éliminant ainsi le syndrome du « ça fonctionne sur ma machine ».

Commits conventionnels : la colonne vertébrale de la collaboration

La collaboration est la colonne vertébrale de tout projet réussi, et SFX renforce cette colonne vertébrale avec les Conventional Commits. Ce format standardisé de messages de commit rationalise la génération des changelogs et la gestion des versions, transformant ce qui était autrefois une corvée en une partie intégrante et fluide du processus de développement.

Qualité du code : des normes non négociables

La qualité n'est pas négociable, et SFX l'impose via des configurations prédéfinies d'ESLint et Prettier. Ces outils sont les gardiens des standards de code, garantissant que chaque ligne de code non seulement fonctionne, mais respecte les benchmarks de qualité les plus élevés.

Husky git hooks : la sentinelle de la qualité

Avec les hooks Git de Husky intégrés à SFX, les contrôles qualité deviennent une partie naturelle du workflow de développement. Ces hooks agissent comme des sentinelles, protégeant la base de code contre les erreurs potentielles et garantissant que seul le meilleur code passe.

Expérience développeur améliorée : l'objectif ultime

Au cœur de SFX se trouve un engagement indéfectible à améliorer l'expérience des développeurs. En automatisant les tâches répétitives et en rationalisant les flux de travail, SFX libère les développeurs pour qu'ils se concentrent sur l'innovation et la créativité, repoussant les limites du possible dans le développement frontend.

SFX vs développement frontend traditionnel

Comparé aux pratiques de développement traditionnelles, SFX se distingue par sa capacité à offrir une approche plus cohérente, plus efficace et davantage axée sur la qualité. Ce n'est pas simplement un outil ; c'est un allié du développeur, qui transforme les défis en opportunités et établit une nouvelle norme pour le développement frontend.

Adopter l'avenir avec SFX

À mesure que le web gagne en complexité, des outils comme SFX deviendront indispensables. Ils représentent non pas un simple pas en avant, mais un bond vers un avenir où les développeurs peuvent accomplir davantage avec moins : moins de temps, moins de frustration et moins de compromis sur la qualité.

Pour les développeurs cherchant à garder une longueur d'avance et à embrasser l'avenir du développement frontend, Spyrosoft SFX n'est pas seulement une option ; c'est la clé pour libérer tout leur potentiel.

Qu'est-ce que SFX – Spyrosoft Frontend Extension ?

SFX est un package NPM open source créé pour nos développeurs frontend par notre laboratoire d'innovation R&D, sous la direction d'Andrzej Aksenczuk. En termes simples, il s'agit d'un ensemble de code réutilisable que nous avons créé pour réduire le processus de configuration d'une journée de travail à quelques minutes. SFX est également disponible pour les utilisateurs externes – toute personne
peut l'utiliser et y contribuer.

Vous pouvez l'installer en tant que package global et utiliser son interface en ligne de commande CLI. Son objectif est d'aider les développeurs frontend à configurer le monorepo de leur produit. La CLI comprend deux commandes. La principale est sfx create. Cette commande lancera quelques questions auxquelles vous pourrez répondre pour choisir les meilleures solutions pour vos besoins :

La première question est : « Veuillez indiquer le nom de votre monorepo »

Vous pouvez désormais saisir le nom du monorepo qui vous convient le mieux ou appuyer sur Entrée et conserver le nom par défaut, qui est spyro-fe-monorepo.

La deuxième question est : « Quel framework souhaitez-vous utiliser ? »

Pour l'instant, notre package prend en charge les frameworks les plus populaires, à savoir React et Angular. Vous pouvez en choisir un et appuyer sur entrée.

La troisième question est : « Quel bundler souhaitez-vous utiliser pour construire l'application ? »

Ici, vous pouvez choisir entre les bundlers Webpack et Vite.

La quatrième question est : « Quelle plateforme de dépôt utilisez-vous ? »

Notre package fournit des fichiers de configuration de pipeline CI simples qui testent, analysent et compilent votre application. Vous pouvez choisir le format du fichier de configuration en fonction de la plateforme que vous utilisez. Vous avez le choix entre Github, Gitlab, Bitbucket et Azure.

La cinquième question (ou plutôt, demande) est : « Veuillez fournir le nom de votre application »

Vous pouvez transmettre le nom de l'application qui sera ajoutée à votre monorepo.

La dernière question est : « Acceptez-vous d'envoyer des données sur les erreurs potentielles pour nous aider à améliorer SFX CLI ? »

Cette question n'est posée que lors de la première exécution de notre bibliothèque, et la réponse est enregistrée. Si vous répondez oui, toutes les erreurs survenant lors de l'utilisation de notre bibliothèque seront envoyées à notre service d'erreurs afin de nous aider à identifier les bugs potentiels.

Voici à quoi cela ressemble dans le système :

Après avoir répondu à ces quelques questions simples, notre package démarre son travail et vous permet de choisir votre framework frontend et votre bundler préférés. Sous le capot, avec l'utilisation deNX, notre package prépare un monorepo avec eslint préinstallé, Docker configuré et toutes les dépendances nécessaires. Après environ 2 minutes, le processus d'installation est terminé et vous pouvez ouvrir votre monorepo. Votre code est alors essentiellement prêt à être exécuté et déployé, et vous pouvez vous lancer directement dans le développement de nouvelles fonctionnalités et l'ajout de nouvelle valeur à votre projet.

En conclusion

Nous sommes convaincus que SFX sera un véritable changement de donne et une simplification considérable du travail pour nos développeurs frontend. Chacun est encouragé à tester cet outil et à y contribuer, s'il le souhaite. Si vous avez des questions concernant SFX, n'hésitez pas à nous contacter via le formulaire de contact ci-dessous pour toute question supplémentaire.