Formatteur JSX en ligne

L'outil formate le code JSX et TSX vers une mise en page cohérente en appliquant des règles d'indentation, de retour à la ligne et d'espacement. Il vise les développeurs front-end qui veulent des composants lisibles et maintenables. Il opère sur une chaîne de code et renvoie une chaîne formatée qui respecte un guide de style défini.
L'approche sous-jacente est un imprimante basé sur l'arbre de syntaxe abstraite (AST) du code, et non des remplacements regex simples, ce qui permet une gestion fiable des composants imbriqués et des props. Il prend en charge des options configurables telles que la taille d'indentation, la largeur de ligne maximale et la stratégie d'enroulement pour les attributs JSX.
En normalisant les espaces, en alignant les props sur plusieurs lignes et en assurant un placement cohérent des balises de fermeture, il réduit les diffs dans les pull requests et accélère les révisions de code. Sa valeur réside dans le formatage reproductible à travers les équipes, la compatibilité d'intégration avec les éditeurs via l'API et le support de TSX ainsi que JSX pur. Il n'altère pas le comportement d'exécution ni la sémantique JSX, uniquement la mise en page et la lisibilité.