3.5 Présentation des modules

Maintenant que nous avons eu un premier aperçu général de React et compris pourquoi nous pourrions vouloir l'utiliser, il est temps de plonger dans cette section de cours. Nous allons explorer toutes les bases indispensables pour créer n'importe quel type d'application React, en apprenant à construire des interfaces utilisateur basées sur des composants — un concept fondamental adopté par React.

Ce que vous allez apprendre dans cette section

• Les fonctionnalités de base et la syntaxe essentielle de React
• La syntaxe spéciale JSX : ce que c'est, pourquoi on l'utilise
• Comment construire vos propres composants et les assembler
• Comment travailler avec des données dans une application React
• Comment mettre à jour l'affichage quand les données changent à l'écran

La plupart des applications web ne consistent pas simplement à afficher du texte statique : il faut aussi générer des données, les modifier dynamiquement et faire évoluer l'interface en réponse aux interactions utilisateur. C'est exactement ce que nous allons couvrir, à la fois dans cette section et dans les suivantes.

Bien sûr, je ne veux pas enseigner ces concepts uniquement avec de la théorie ou des diapositives ennuyeuses. Nous aurons la théorie nécessaire, mais surtout, nous allons construire ensemble un premier projet concret : une petite application web entièrement développée avec React. Cela peut sembler trivial au premier abord, mais ce n'est pas le cas : une fois cette première application terminée, vous aurez assimilé à peu près tous les concepts clés que vous retrouverez ensuite à maintes reprises dans toutes vos futures applications React.

Et de quoi s'agit-il ? D'un outil de suivi des dépenses. En le construisant étape par étape, nous allons découvrir tous les concepts essentiels qu'il faut maîtriser quand on travaille avec React. C'est parti !