React et TypeScript Vers des applications web professionnelles

Alexandre COCHET

Les points forts du livre :

Une maîtrise approfondie du développement front-end moderne avec React et TypeScript, depuis les fondamentaux des composants et du JSX/TSX jusqu’à la conception d’applications structurées et robustes,
Une exploration complète des concepts avancés : gestion des états et des hooks, contextes globaux, communication avec les API, design patterns React et principes d’architecture logicielle (SOLID),
Des pratiques professionnelles orientées qualité et performance incluant tests unitaires, optimisation, stylisation avancée, accessibilité, internationalisation et ouverture vers l’écosystème Next.js

Consulter des extraits du livre en ligne Aperçu de la version papier

Niveau Confirmé à Expert
Nombre de pages 288 pages
Parution avril 2026

Niveau Confirmé à Expert
Parution avril 2026

Présentation

Vous maîtrisez déjà JavaScript et souhaitez progresser vers un développement front-end plus structuré et professionnel ? Cet ouvrage constitue une référence complète pour apprendre à concevoir des applications web modernes en combinant la puissance de React et la fiabilité de TypeScript.

Il commence par les principes fondamentaux de React : la composition, la gestion déclarative du DOM et la syntaxe JSX/TSX. Vous y découvrez ensuite l’apport déterminant de TypeScript, grâce à une présentation approfondie de la création et l’extension de types, ainsi que des types génériques et utilitaires qui permettent de produire un code plus sûr et plus robuste.

La partie consacrée à la construction d’applications détaille la création de composants, la gestion des props, l’affichage conditionnel, les listes génériques et l’intégration du routeur, tout en mettant l’accent sur la composition, pilier de React. Les différentes approches de stylisation sont également expliquées, des méthodes classiques aux solutions CSS-in-JS, accompagnées d’une introduction aux bibliothèques de composants.

Le cœur dynamique de React est ensuite exploré en profondeur : cycle de vie, gestion des états, hooks personnalisés, contextes globaux et communication optimisée avec les API grâce à des outils modernes comme TanStack Query.

Résolument orienté vers l’excellence technique, le livre présente les design patterns essentiels de React (compound components, modèles contrôlés/non contrôlés…), les principes SOLID et les techniques d’optimisation des performances.

Une dernière partie aborde la qualité logicielle avec les tests unitaires (RTL), Storybook, et ouvre sur des sujets clés d’un écosystème professionnel : Next.js, sécurité, internationalisation (i18n) et accessibilité (A11y).

Véritable guide d’expertise, cet ouvrage vous accompagne vers une maîtrise complète des bonnes pratiques du développement React moderne.

Caractéristiques

Livre (broché) - 17 x 21 cm
ISBN : 978-2-409-05357-3
EAN : 9782409053573
Ref. ENI : EIREATYP

Caractéristiques

HTML
ISBN : 978-2-409-05358-0
EAN : 9782409053580
Ref. ENI : LNEIREATYP

Téléchargements

Des fichiers complémentaires (207 Ko)

Table des matières

Avant-propos

Avant-propos

Faire connaissance avec React

Qu’est-ce que React ?
La syntaxe JSX/TSX
Création d’un premier projet

Découvrir TypeScript avec React

Introduction
Qu’est-ce que TypeScript ?
Créer ses propres types
1. 1. Le fonctionnement des types
2. 2. Les interfaces
3. 3. Les types
4. 4. Les extensions de types
Les types génériques
1. 1. Le principe de généricité avecle type Array<t></t>
2. 2. Les types utilitaires de TypeScript
  1. a. La facultativité
  2. b. La sélectivité
  3. c. L’immuabilité
  4. d. Les types indexés et les dictionnaires
La création de types génériques
1. 1. Le cas d’utilisation simple
2. 2. Les spécificités des types génériques
3. 3. Le type any et le type unknown

Créer ses premiers composants

La déclaration d’un premier composant
Le transfert de données entre composants
1. 1. La déclaration des props
2. 2. L’utilisation des props
3. 3. Les props facultatives et les valeurs par défaut
4. 4. L’affichage conditionnel
5. 5. L’opérateur de décomposition(spread operator)
La gestion des événements
La propriété children et les injections de JSX
1. 1. Le principe de la propriété children
2. 2. Les fonctions utilitaires de React.Children
Les listes de composants
1. 1. Listes d’éléments HTML
2. 2. Listes de composants
3. 3. Un composant de liste générique
  1. a. L’implémentation d’un composantFor<t></t>
  2. b. La composition avec le composant For<t></t>
Le routeur
Les composants en classe

Styliser des composants

Introduction
La stylisation « vanille »
1. 1. Le style inline
2. 2. Le style conditionnel
3. 3. Les feuilles de style
4. 4. L’importance de surcharger les élémentsHTML
Les portals
Le CSS-in-JS avec styled-components ou emotion
1. 1. La découverte de styled-components
2. 2. Le style conditionnel
3. 3. Le thème
Les bibliothèques de composants
1. 1. Les bibliothèques opiniated (opinées)
2. 2. Les bibliothèques headless (sans style)
3. 3. Le choix de la méthode de stylisation

Gérer le cycle de vie des composants

Les hooks et la boucle de rendu en React
La gestion des états
1. 1. Le hook useState<t></t>
  1. a. Le fonctionnement de useState<t></t>
  2. b. Les mises à jour asynchrones
  3. c. L’utilisation de références(objets, tableaux…)
  4. d. Les états dans les composants de classe
2. 2. Le hook useReducer<t, u=""></t,>
3. 3. Les signaux
  1. a. Le principe des signaux
  2. b. Le cycle de vie des signaux
  3. c. Les composants spécifiques aux signaux
La gestion des références avec useRef<t></t>
1. 1. Qu’est-ce qu’une référence ?
2. 2. Les références et les élémentsHTML
3. 3. Le passage de références entre composants
La gestion du cycle de vie avec useEffect
1. 1. Le principe de useEffect
2. 2. Le hook useEffect sans tableau de dépendances
3. 3. Le tableau de dépendances
4. 4. Les fonctions et le hook useCallback
5. 5. La fonction de cleanup
La séparation du code avec des hooks personnalisés
Les contextes globaux
1. 1. La Context API
2. 2. Le fonctionnement de Redux

Communiquer avec des API

Les approches pour la récupération de données
1. 1. L’approche fetch-on-render
2. 2. L’approche fetch-then-render
3. 3. L’approche render-as-you-fetch
4. 4. Le hook use
La gestion d’états automatique avec Tanstack Query
1. 1. La query
2. 2. Le chargement infini des données
3. 3. La mutation
4. 4. La mise à jour des données modifiées
5. 5. La gestion des formulaires avec React Hook Form
  1. a. Le hook useForm<t></t>
  2. b. La vérification avec des schémas

Structurer le code de ses applications

Introduction
Les design patterns en React
1. 1. Les composants d’ordre supérieur(HOC)
2. 2. Les compound components
3. 3. Les composants controlled/uncontrolled
Les principes SOLID en React
1. 1. Le S comme Single responsibility
2. 2. Le O comme Open/Closed
3. 3. Le L comme Liskov substitution
4. 4. Le I comme Interface Segregation
5. 5. Le D comme Dependency Inversion
L’architecture des composants
1. 1. La clean architecture en React
2. 2. Le design atomique

Optimiser ses applications

La mémoïsation
1. 1. La mémoïsation avec les hooks useCallbacket useMemo<t></t>
2. 2. La mémoïsation des composants avecmemo
La concurrence
1. 1. Le lazy loading
2. 2. La transition API

Assurer la qualité du code

La visualisation des composants avec Storybook
1. 1. Les métadonnées
2. 2. Les stories
3. 3. Les décorateurs
Les tests unitaires avec React Testing Library (RTL)
React Developer Tools
1. 1. L’onglet Components
2. 2. L’onglet Profiler

Aller plus loin

Le framework Next.js
1. 1. Le routeur avec App Router
2. 2. Les composants côté-serveur
3. 3. La génération de sites statiques
4. 4. Les variables d’environnement
La sécurité des applications
L’internationalisation (i18n)
1. 1. La configuration de l’internationalisation
2. 2. L’utilisation des traductions
3. 3. Les interpolations
  1. a. Les interpolations via le hook useTranslation
  2. b. Les interpolations via le composant Trans
L’accessibilité (A11y)
1. 1. Les rôles et attributs ARIA
2. 2. La gestion du focus

Conclusion

Conclusion

Auteur

Alexandre COCHET

Architecte logiciel de formation et ancien assistant pédagogique en programmation bas niveau (C/C++), Alexandre COCHET s’est orienté vers le développement front-end et s’est spécialisé dans la conception d’applications web de haute qualité. Expert de l’architecture logicielle en React et TypeScript, il met dans cet ouvrage son expérience et sa pédagogie au service des développeurs.

React et TypeScript Vers des applications web professionnelles

Informations

Informations

Caractéristiques

Caractéristiques

Téléchargements

Alexandre COCHET

Nos nouveautés