ReactJS une formation pratique : 3 jours

Contexte et objectifs de la formation :

Construire des applications Web avec des interfaces utilisateur performantes est un défi que beaucoup ont rencontré depuis plus d’une décennie, mais personne n’a relevé ce défi tout comme à fait React.js.

Aujourd’hui React.js est utilisé par Facebook, Instagram, Khan Academy et Imperial College London, pour n’en nommer que quelques-uns.
Beaucoup de nouveaux utilisateurs reconnaissent les avantages de React.js et l’adoptent dans leurs propres projets, formant une communauté en croissance rapide.
La vitesse à laquelle React.js a évolué promet un avenir prometteur pour ceux qui investissent dans l’apprentissage aujourd’hui.

Cette formation vous emmènera sur un voyage rapide à travers la construction de votre propre application React.js maintenable. Commencez par explorer comment créer des éléments d’interface utilisateurs simples et multiples. Créer des composants stateless et stateful et les rendre réactifs, apprendre à interagir entre vos composants et méthodes de cycle de vie et de jauger comment intégrer efficacement vos composants d’interface utilisateur avec d’autres bibliothèques JavaScript.

Pénétrez dans les éléments de base de l’architecture Flux et apprenez comment gérer votre application à l’aide de store. Terminez en allant plus loin avec le Framework de test Jest, en exécutant plusieurs tests sur votre application et en trouvant des solutions pour l’étendre sans complexité.

Programme :

 

1 : Installation d’outils puissants pour votre projet :	2 : Créez votre premier élément Réagir
Approche de notre projet Installation de Node.js et npm Installation de Git 5 Obtenir des données de l’API Twitter Streaming Filtrage des données avec Snapkite Engine Création de la structure du projet Création de package.json Réutilisation des modules Node.js Construction avec Gulp.js Création d’une page Web	Comprendre le DOM virtuel Installation de React JS Création d’éléments de réact avec JavaScript Le paramètre de type Le paramètre props Le paramètre enfants Rendu Réagissez des éléments Création d’éléments React avec JSX

 

3 : Créez votre premier composant ReactJS	4 : Réactivez vos composants ReactJS
Stateless versus stateful Création de votre premier composant React sans état Création de votre premier composant React stateful	Résoudre un problème en utilisant React Planification de votre application Réagir Création d’un conteneur

 

5 : Utilisez vos composants ReactJS avec une autre bibliothèque	6 : Mettre à jour vos composants React JS
Utilisation d’une autre bibliothèque avec votre composant React JS Compréhension des méthodes du cycle de vie du composant React JS La méthode getInitialState La méthode componentWillMount La méthode componentDidMount Méthodes de démontage	Comprendre les méthodes de mise à jour du cycle de vie des composants La méthode componentWillReceiveProps La méthode shouldComponentUpdate La méthode componentWillUpdate La méthode componentDidUpdate Définition des propriétés par défaut du composant ReactJS Validation des propriétés des composants ReactJS Création d’un composant de collection

 

7 : Création de composants complexes Réagir	8 : Testez votre application Réagir avec Jest
Création du composant TweetList Création du composant CollectionControls Création du composant CollectionRenameForm Création du composant Button Création du composant CollectionExportForm	Pourquoi écrire des tests unitaires? Création de costumes d’essai, spécifications et attentes Installation et exécution de Jest Création de multiples spécifications et attentes Test des composants Réagir

 

9 : Optimisez votre architecture de réagir avec Flux

10 : Préparez votre application ReactJS pour une meilleure maintenance

Analyse de l’architecture de votre application Web Comprendre la notion de Flux Création d’un répartiteur Création d’un créateur d’actions Créer un store ReactJS

Découplage des préoccupations avec Flux Refactorisation du composant Stream Création de StoreStore Création de CollectionActionCreators Refactoring du composant Application Refactorisation de la composante Collection Refactorisation du composant CollectionControls Refactorisation du composant CollectionRenameForm Refactoring du composant TweetList Refactoring du composant StreamTweet Construire et aller au-delà

O’dellya Consulting, c’est l’assurance d’un service adapté,en France ou à l’étranger, à vos besoins réels en temps réel et selon votre profil. 

Découvrez toutes nos formations sur notre site internet odellya.com. Suivez-nous également sur Facebook pour plus d’actualités. 

O’DELLYA CONSULTING,

toujours à votre écoute
Pour nous contacter, rendez-vous :

Sur notre formulaire de contact en ligne

Par téléphone et E-mail
France : Roland Chrisbel – +33 1 79 75 88 00 / a.roland@odellya.com
Côte d’Ivoire : Athanase Kouassi – +225 07 89 46 04 / contact@odellya.com
Congo : Arouna Molekastiba – +242 06 630 60 82 / contact@odellya.com

Facebook / Twitter / Google +

 

By D.C for O’dellya Consulting. All rights reserved to O’dellya Consulting.