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 une palanquée 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 en ça 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 aurait pu ê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 mais le fait que ce ne soit qu'optionnel ne nous plaît pas. De plus, avec la version "Vue 3" leur syntaxe a complètement changé et on se rapproche de plus en plus vers ce que fait depuis longtemps React.