React

Comme framework web nous préconisons React car il reste au fil du temps une valeur sûre, pour :

• Sa constance au fil du temps ;
• Son adoption : c'est l'un des frameworks web les plus utilisés au monde ;
• Il y a pléthore d'outils ;
• Le fait que depuis le début ils imposent l'utilisation du JSX pour le templating.

Dans notre continuité de vouloir "typer" de bout en bout notre code, il est important de faire le lien entre le code métier et le template HTML afin de savoir durant le développement si nous faisons une erreur de type ou de syntaxe. C'est exactement à cela que sert le JSX.

Note

On parle souvent de JSX quand on fait du JavaScript, et de TSX quand on fait du TypeScript.

MyComponent.tsx | Exemple de composant React avec un templating TSX

import React from 'react';

interface MyComponentProps {
  name: string;
}

function MyComponent({ name }: MyComponentProps) {
  return <h1>Hello, {name}!</h1>;
}

export default MyComponent;

Quid des autres ?

Vue.js pourrait être une alternative mais son principal problème est de proposer son propre templating par défaut, ne faisant pas le lien avec le code métier. Il y a toujours la possibilité d'utiliser du JSX de façon optionnelle, ce que nous trouvons regrettable. De plus, avec la version "Vue 3" leur syntaxe a complètement changé et on se rapproche de ce que fait React depuis longtemps.