Formation TDD avec React

3 jours de développement en TDD pour changer votre vie de développeur grâce à la simplicité et la puissance de cette approche.

Prix (Formation inter-entreprise)

1700€ HT / personne

Durée

3 jours

Dates

Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)

React est une librairie qui permet d'écrire efficacement des applications web clientes.
Mais il ne s'agit pas d'une baguette magique.

Rien ne garantit que votre code saura s'adapter aux besoins à venir au trimestre prochain.

Le TDD, de son côté, propose une approche simple et redoutablement efficace pour écrire du "Clean code that works" comme le décrit Ron Jeffries.

Durant ces 3 jours de formation TDD avec React, nous piloterons le développement d'une application React par les tests.
Nous écrirons du code fiable, sans bugs, expressif et évolutif. Nous travaillerons en pair-programming la plupart du temps, et en mob-programming sur certains exercices.

Notre objectif ? Construire entièrement en TDD une application de répartition de dépenses. Vous partez en vacances avec vos amis Jim et Pam. Jim dépense 70 euros en courses et Pam 177 euros en forfaits de ski. Quelles sommes devez-vous échanger pour remettre les comptes à zéro ?

Ce domaine, moins trivial qu'il n'y paraît, nous permettra d'expérimenter des techniques éprouvées pour délivrer avec confiance une application qui fonctionne.

À l'issue de la formation TDD avec React, vous serez à l'aise avec les fondamentaux du TDD. Vous repartirez avec le code source de l'application que vous aurez créé de zéro. Vous pourrez commencer à utiliser TDD sur vos projets de travail quotidien.

Les objectifs

  • Ressentir le flow du TDD dans la vraie vie ;
  • Faire émerger une conception au fur et à mesure des évolutions demandées ;
  • Pratiquer le merciless refactoring : refactorer constamment pour toujours avoir le meilleur code possible ;
  • Manipuler en TDD les outils phares de l'éco-système React : redux, redux-saga, react-router
  • Être en mesure d'appliquer le TDD au-delà de React

Pré-requis

  • Aucune connaissance préalable de TDD n'est nécessaire
  • Avoir une première expérience du développement en React (type Hello World avec create-react-app)

Le programme de la formation TDD avec React

Jour 1 - La découverte du TDD

Cette première journée sera l'occasion de découvrir le TDD et la façon de travailler qui l'accompagne. Nous apprendrons le mantra TDD (red, green, refactor) et le flow associé. Nous aborderons les outils à notre disposition pour développer efficacement en TDD en React.

Mise en pratique
- Katas en mob-programming et en pair-programming, 100% TDD
- Évaluation de l'éco-système d'outils de tests de React

Jour 2 - La création de notre application React

Nous capitaliserons sur les connaissances acquises la veille pour démarrer le développement de notre application. Nous progresserons dans notre utilisation de TDD : par quel test démarrer ? Comment choisir notre prochain test ? Comment évaluer la qualité de nos tests ?

Mise en pratique
- Création de notre application vide
- Outillage de celle-ci et de notre IDE pour trouver un flow de travail performant avec jest et react-testing-library
- Implémentation de notre page de répartition de dépenses

Jour 3 - L'enrichissement de notre application

Il s'agira aujourd'hui de répondre aux nouvelles exigences qui nous sont données.

Du temps s'est écoulé depuis la veille, et le besoin a évolué : nous devrons changer notre code pour continuer à délivrer. Par exemple, nous introduirons un serveur auprès duquel notre application sauvegardera son contenu. Nous aurons également besoin d'enrichir la logique de répartition de dépenses pour gérer de nouveaux cas métier.

Mise en pratique
- Refactoring de code existant pour intégrer nos nouveaux besoins
- Écriture et utilisation de mock, de stub, de spy avec jest
- TDD sur du code client-serveur générant des effets de bord avec redux-saga et redux-saga-test-plan

Télécharger le programme

Besoin d'aide ?

Vous souhaitez discuter avec nous à propos de votre projet de formation ?
Vous voulez plus d'information sur une formation ou notre fonctionnement ?


Rappel Email

Nos forces

  • Des formations à taille humaine
  • Des formateurs passionnés
  • Des véritables workshop
Accéder au Manifeste

Nos clients

SAP
Banque Postale
Peugeot
Moody's Analytics
Axa
Voyage SNCF

Nos formations en images

Sass et Compass
CasperJS
Ruby on Rails
Ruby

Formation TDD avec React

3 jours de développement en TDD pour changer votre vie de développeur grâce à la simplicité et la puissance de cette approche.

React est une librairie qui permet d'écrire efficacement des applications web clientes.
Mais il ne s'agit pas d'une baguette magique.

Rien ne garantit que votre code saura s'adapter aux besoins à venir au trimestre prochain.

Le TDD, de son côté, propose une approche simple et redoutablement efficace pour écrire du "Clean code that works" comme le décrit Ron Jeffries.

Durant ces 3 jours de formation TDD avec React, nous piloterons le développement d'une application React par les tests.
Nous écrirons du code fiable, sans bugs, expressif et évolutif. Nous travaillerons en pair-programming la plupart du temps, et en mob-programming sur certains exercices.

Notre objectif ? Construire entièrement en TDD une application de répartition de dépenses. Vous partez en vacances avec vos amis Jim et Pam. Jim dépense 70 euros en courses et Pam 177 euros en forfaits de ski. Quelles sommes devez-vous échanger pour remettre les comptes à zéro ?

Ce domaine, moins trivial qu'il n'y paraît, nous permettra d'expérimenter des techniques éprouvées pour délivrer avec confiance une application qui fonctionne.

À l'issue de la formation TDD avec React, vous serez à l'aise avec les fondamentaux du TDD. Vous repartirez avec le code source de l'application que vous aurez créé de zéro. Vous pourrez commencer à utiliser TDD sur vos projets de travail quotidien.

Les objectifs

  • Ressentir le flow du TDD dans la vraie vie ;
  • Faire émerger une conception au fur et à mesure des évolutions demandées ;
  • Pratiquer le merciless refactoring : refactorer constamment pour toujours avoir le meilleur code possible ;
  • Manipuler en TDD les outils phares de l'éco-système React : redux, redux-saga, react-router
  • Être en mesure d'appliquer le TDD au-delà de React

Pré-requis

  • Aucune connaissance préalable de TDD n'est nécessaire
  • Avoir une première expérience du développement en React (type Hello World avec create-react-app)

Le programme de la formation TDD avec React

Jour 1 - La découverte du TDD

Cette première journée sera l'occasion de découvrir le TDD et la façon de travailler qui l'accompagne. Nous apprendrons le mantra TDD (red, green, refactor) et le flow associé. Nous aborderons les outils à notre disposition pour développer efficacement en TDD en React.

Mise en pratique
- Katas en mob-programming et en pair-programming, 100% TDD
- Évaluation de l'éco-système d'outils de tests de React

Jour 2 - La création de notre application React

Nous capitaliserons sur les connaissances acquises la veille pour démarrer le développement de notre application. Nous progresserons dans notre utilisation de TDD : par quel test démarrer ? Comment choisir notre prochain test ? Comment évaluer la qualité de nos tests ?

Mise en pratique
- Création de notre application vide
- Outillage de celle-ci et de notre IDE pour trouver un flow de travail performant avec jest et react-testing-library
- Implémentation de notre page de répartition de dépenses

Jour 3 - L'enrichissement de notre application

Il s'agira aujourd'hui de répondre aux nouvelles exigences qui nous sont données.

Du temps s'est écoulé depuis la veille, et le besoin a évolué : nous devrons changer notre code pour continuer à délivrer. Par exemple, nous introduirons un serveur auprès duquel notre application sauvegardera son contenu. Nous aurons également besoin d'enrichir la logique de répartition de dépenses pour gérer de nouveaux cas métier.

Mise en pratique
- Refactoring de code existant pour intégrer nos nouveaux besoins
- Écriture et utilisation de mock, de stub, de spy avec jest
- TDD sur du code client-serveur générant des effets de bord avec redux-saga et redux-saga-test-plan

Télécharger le programme

Le(s) formateur(s)

Christophe Cadilhac

Christophe Cadilhac

Christophe est développeur depuis 2012. Après 5 années de consulting, il a créé Alkeya avec deux amis en 2017.

Il est accro au TDD depuis qu'il a découvert cette technique. C'est d'ailleurs ce qui l'a amené à l'eXtreme Programming dans lequel il se retrouve à 100%.

Passionné , décontracté et toujours curieux d'apprendre, Christophe développe au quotidien pour les clients d'Alkeya.

Être formateur est avant tout une occasion pour lui de partager sa passion du code expressif et proche du métier.

Voir son profil détaillé

Suivi de formation en option

A l'issue de la formation, nos formateurs peuvent aussi intervenir pour vous accompagner dans la mise en application des compétences acquises :

  • en répondant à vos questions lors de rendez-vous téléphoniques réguliers
  • en étant présents physiquement à l'amorce du projet
  • en réalisant un audit de vos pratiques quelques semaines/mois après la formation

Cette idée vous intéresse ? Faîtes-le nous savoir pour que nous trouvions la formule adaptée à votre situation.