Version : Mobile

React.JS

Aginius
Résumé
Durée : 3 Jours
Organisme : Aginius plus
Mode d'Apprentissage : Intra-entreprise / Sur-mesure
Prochaine session : Nous contacter - France
Site de l'organisme : Consulter

Description de la formation

AGINIUS propose des formations diplômantes de qualité dans des domaines variés tels que la bureautique, l’informatique, le management, les ressources humaines, les langues, la prévention et la sécurité.

Objectifs visés

La librairie React permet, de manière très pragmatique, de développer et structures des composants Web pour les façonner en une interface utilisateur compète et complexe.

Notre formation «React» vous initiera aux principes fondamentaux du fonctionnement de cette librairie: sa raison d’être, sa syntaxe, ses bonnes pratiques, son outillage…et en guise de travaux pratiques, vous réaliserez une application graphique complète!

Bien entendu, il est impossible de former sur React sans aborder la galaxie Javascript (et du web de manière plus générale): le duo async/await, les nouveautés en préparation par le TC39, GraphQL, React Native, SASS, le vectoriel, elm…

A l’issue de notre formation, vous serez à même de :

  • Comprendre les fonctionnements internes de React
  • Décrire un arbre de composants
  • Maîtriser la gestion globale d’état et intégrer l'architecture Flux avec Redux
  • Créer et intégrer un environnement de développement
  • Développer une application complète capable d’interagir avec un serveur

Contenu

1. Introduction et historique

  • Retour sur l’environnement frontend actuel et son futur proche, concepts de base: chargement de ressources, modularité, asynchronisme, data-binding, immutabilité...

2. Les choix de React

  • MVC: Fonctions pures de rendu, composants à état.
  • Virtual DOM, la source de l’efficacité de React,

3. TP

  • Création d’un premier arbre de composants, propagation des props, branchement des event-handlers, population de composants enfants, gestion de l’état interne…
  • Installation d’un environnement de production plus moderne: Node, ESLint, Webpack, Hot reloading, React DevTools
  • Appropriation de JSX, validation des PropTypes, modules ES2015, structuration du projet, intégration de composants tiers via NPM
  • Aller plus loin avec DOM, du CSS
  • Exploiter le cycle de vie des composants
  • Types: garanties et couverture avec Flow
  • Tests unitaires
  • Revisiter la communication inter-composants
  • Externalisation de l’état avec un store Redux
  • Dispatch d’actions, composition des reducers associés
  • Manipulation du context
  • Redux DevTools, time-travel debugging.
  • Provider et connexions React-redux
  • Comment rajouter des middlewares Redux
  • Préparation des action-creators synchrones, puis asynchrones (comparaison entre thunks, promises et sagas).
  • Appel d’API distante
  • Rendu des composants côté serveur (isomorphisme)
  • Routage (v4)

Public

Développeurs Web

Public cible/ Prérequis

  • Bon niveau Javascript (ES5 et ultérieures), connaître les concepts de «closures», de «this», l’approche fonctionnelle…
  • Avoir précédemment développé sur un framework de type Angular ou Backbone est un plus

Moyens Pédagogiques

  • Alternance d'apports techniques : présentation des concepts, démonstrations, de mise en situation : exercices d'assimilation, études de cas et d'échange d'expériences entre les participants
  • Support de cours remis à chaque participant, 1 stylo et un bloc-notes par stagiaire, 1 ordinateur à disposition
  • Formateur/consultant ayant une expérience significative en entreprise sur le métier concerné et expert en formation avec en moyenne 10 ans d’expérience
  • Vidéoprojecteur et tableau blanc et/ou paperboard
  • Feuille d’émargement à la demi-journée, questionnaire de satisfaction stagiaire, évaluations des acquis tout au long de la formation, attestation de stage

Faire une demande

 

Organisme de formation: Aginius

Aginius formation en bureautique et en informatique

Des formations de qualité...

Créé en 2009, le réseau de centres de formation AGINIUS est le leader de la formation professionnelle continue en France. AGINIUS propose des formations diplômantes de qualité dans des domaines variés tels que la bureautique, l’informatique, le management, les ressources...


En savoir plus et consulter la liste des formations de l'Organisme de formation: Aginius
Je m'informe gratuitement

Pour obtenir des renseignements sur la formation React.JS, remplissez le formulaire ci-dessous :

Avis
Soyez le premier à laisser un avis sur cette formation !
guide financement