Le framework React propose une façon pragmatique d'aborder le développement de composants Web et de les structurer en interface utilisateur complexe.

Lors de cette formation React, composée essentiellement de travaux pratiques, vous verrez :
- les différents principes de la librairie,
- sa vision singulière
- les syntaxes et bonnes pratiques,
- les tests,
- ainsi que l'outillage.

Durant les mises en pratique, vous réaliserez une application graphique complète afin de mettre en oeuvre toutes les notions vues.

Si React reste bien entendu le principal sujet de cette formation, une multitude de notions annexes autour de JavaScript et du Web en général seront abordées en complément :
- les Promesses,
- le duo async/await,
- les nouveautés JavaScript en préparation par le TC39,
- mais aussi GraphQL, React Native, SASS, le vectoriel, Elm…

Cette formation s'adresse à des développeur·e·s souhaitant maîtriser les bases du framework React.

Les participant·e·s sortiront de cette formation avec les corrections de chaque partie pratique, les supports au format numérique des parties pratiques et théoriques, ainsi que plusieurs pistes d'approfondissement.

Covid-19: Nous restons ouverts. Cette formation est disponible à distance.

Les objectifs

• Découvrir React, son fonctionnement et son écosystème
• Décrire un arbre de composants en ES2017+, puis saupoudré de JSX
• Maîtriser la gestion globale d’état et intégrer l'architecture Flux avec Redux
• Mettre en place un environnement de développement
• Écrire une application cliente complète interagissant avec un serveur

Pré-requis

• Un bon niveau JavaScript (ES5+): être à l'aise avec des concepts comme les "closures", les particularités de “this”, l’écoute d'événements (DOM ou jQuery), l’approche fonctionnelle…
• Une précédente expérience sur un framework type Angular ou Backbone peut être un plus.
• Apportez votre ordinateur portable. (Linux / Mac plus confortable, mais pas obligatoire). Il n’est pas nécessaire d’y installer quoique ce soit au préalable.

Le programme de la formation React

Jour 1 - Les Bases

• Introduction
• DOM Virtuel
• JSX
• Getting Started
• Les composants

Mise en pratique

• Installation d’un environnement de production plus moderne : Node, ESLint, Webpack, Hot reloading, React DevTools…,
• Appropriation de JSX,
• Création de nos premiers composants.

Jour 2: Mettre à jour ses composants

• Le cycle de vie d’un composant
• Communication inter-composants
• Appel d'une API distante
• Formulaires
• Les hooks

Mise en pratique :

• Création d’un premier arbre de composants,
• Propagation des props,
• Tirer partie du cycle de vie des composants,
• Branchement des event-handlers et population de composants enfants,
• Et gestion de l’état interne.

Jour 3: Outils

• PropTypes
• Tests unitaires
• Écosystème: Redux, React Router, React i18n, Storybook...

Mise en pratique :

• Validation des PropTypes,
• Tests unitaires, snapshots via Jest,

Le(s) formateur(s)

Nicolas Chambrier

Nicolas Chambrier est expert dans les technologies du web chez le Byteclub, et notamment JavaScript aussi bien côté client (jQuery, HTML5, DOM…) que serveur (Node.js). Après un démarrage en tant que "techos à tout faire" dans une petite société d'informatique, il a affûté ses talents de développeur et d'architecte logiciel et réseau en agence web, avant de devenir "DevOp" indépendant. Vous pouvez suivre ses expériences sur Node.js sur son blog. Vous pourrez également le rencontrer régulièrement au LyonJS dont il est un membre actif. Vous pourrez trouver une interview de Nicolas Chambrier sur le blog de Human Coders

Voir son profil détaillé

Romain Crestey

Développeur web indépendant, Romain est fan de NodeJS, React/Redux, Typescript, ThreeJS et quelques autres. Auparavant, il était associé-hacker au sein de Ants (http://weareants.fr), et encore avant ça, il était ingénieur en dynamique vibratoire pour l'aéronautique.

Voir son profil détaillé

Emmanuel Demey

Emmanuel est consultant et formateur depuis 2009. Spécialisé dans les technologies Web et également sur la suite Elastic, il donne des formations depuis une dizaine d’années, tout d’abord chez Worldline puis chez Zenika.

Toujours prêt à partager ces connaissances, il donne depuis cinq ans de nombreuses conférences en France et co-gère également l’association du GDG Lille, organisant la conférence Devfest Lille. Il est également intervenant à l’IMT Lille-Douai depuis 2019.

Aujourd’hui, Emmanuel intervient chez ces clients pour des missions d’expertise et de réalisation en apportant tout d’abord son experience sur les problématiques de qualité, maintenabilité, accessibilité et performance.

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.