Nouveau
Formations longues

Développement d'applications Web avec React.js

Initiation
4 jours (28 heures)
Paris
Créer des interfaces complexes avec cette bibliothèque JavaScript

Objectifs

Pour qui ?

Prérequis

Objectifs

Définir et comprendre le rôle de React.js dans le développement front-end
Maîtriser l'installation et l'utilisation des concepts de base
Créer des interfaces Web à l'aide de JavaScript et du JSX
Développer des applications Web avec React.js

Pour qui ?

Développeurs front-end ou back-end.


Code dokélio :

Prérequis

Il est indispensable de maîtriser JavaScript pour suivre cette formation.



Compétences acquises:
Créer des interfaces complexes avec cette bibliothèque JavaScript

Programme

Développement d'applications Web avec React.js

Définir et comprendre le rôle de React.js dans le développement front-end
• Comprendre le rôle et l'intérêt de React.js dans le développement Web
• Appréhender les fonctionnalités de base de React.js : virtual DOM, .jsx, composants…
• Identifier les différentes utilisations de React.js et son écosystème : application Web, embarquée, native…
➔ Étude de cas : différentes utilisations de React.js

Maîtriser l'installation et l'utilisation des concepts de base
• Récupérer et intégrer React.js dans ses pages : rôle des différents scripts, utilisation d'un CDN ou d'un REPL
• Développer une page simple et la tester dans le navigateur
• Comprendre la hiérarchie des composants et le fonctionnement du “virtual DOM”
• Concevoir son application sous forme d'un ”arbre“ de composants indépendants et réutilisables
• Appréhender le JSX et en comprendre les bases : attributs, éléments enfants, méthode render()…
• Afficher des données dans son JSX : utilisation des variables et expressions JavaScript en JSX
➔ Exercice : construire une première page (écriture et intégration des scripts, création de balises JSX, test et débogage dans le navigateur)

Créer des interfaces Web à l'aide de JavaScript et du JSX
• Créer son premier composant React : différence entre composants ”fonctionnels“ et ”classes“
• Affecter des propriétés à ses composants pour modifier leur comportement
• Créer une hiérarchie de composants et les imbriquer : passage de propriétés, interaction entre composants
• Personnaliser l'aspect de ses composants : gestion des styles et des CSS avec React.js
• Gérer les interactions des utilisateurs et y répondre correctement : événements souris, clavier, formulaires…
➔ Exercice : créer une mini-application de personnalisation de cartes de visites (conception de la hiérarchie DOM, construction de l'interface, implémentation des composants, réponse aux inputs de l'utilisateur)

Développer des applications Web avec React.js
• Comprendre les mécanismes de base des classes en JavaScript : constructeur, méthodes, super()…
• Utiliser le ”state“ d'un composant pour implémenter une logique interne
• Différencier l'utilisation du ”state” de celle des ”props“ : mutabilité vs immutabilité, fonctions ”pures“ et ”impures“
• Maîtriser le ”cycle de vie“ d'un composant et savoir choisir à quelle étape intervenir : componentDidMount, componentWillUnmount…
• Appréhender le fl ux des données et la façon de les distribuer d'un composant à l'autre
• Utiliser le rendu conditionnel pour afficher / masquer un élément en fonction de l'état de l'application
• Utiliser array.prototype.map() et la propriété ”key“ pour générer des listes de composants
• Créer des formulaires en manipulant les données à l'aide du ”state“ de ses composants de saisie
• Concevoir des composants spécialisés en utilisant la composition : utilisation de props.children, différence avec l'héritage…
• Générer une version ”production“ de son application : utilisation basique d'un ”bundler“
• Découvrir des usages avancés : Flux et Redux, Higher Order Components, React Router…
➔ Exercice : créer une application de gestion musicale (affichage des artistes et des albums, navigation dans l'application, ajout de données via un formulaire, tri et filtrage des données)
Développement d'applications Web avec React.js
Ref
WM15019
Tarif
2000€ HT

Prochaines sessions

Le choix de la session vous sera demandé lors de votre inscription.

Paris
Prochaines sessions
18 au 21 nov. 2019
18-11-2019
21-11-2019
Cette formation vous intéresse ?