Recherche avancée
Par formation
Par date
Par ville
logo HUB Formation
Organisme de Formation
aux Technologies et métiers de L'informatique
La pédagogie au service de la technologie
Accueil > Domaines > Développement > Javascript > ReactJS - Développement d'applications Web

ReactJS - Développement d'applications Web

Développer des interfaces utilisateur

Bibliothèque JavaScript développée par Facebook depuis 2013, ReactJS voit sa popularité exploser. Certains acteurs de la nouvelle économie tels que Netflix, Airbnb ou encore WhatsApp ont d’ailleurs adopté ce moteur de rendu JavaScript qui se démarque de ses concurrents par sa flexibilité et ses performances principalement dues au fait qu’il ne met à jour le rendu de page web dans le navigateur qu’en cas de nécessité. A l’issue de cette formation, les participants disposeront des connaissances et compétences nécessaires au développement d’interfaces utilisateur avec le framework ReactJS.

Objectifs

  • Connaître les spécificités de ReactJS
  • Savoir développer des applications web performantes avec ReactJS
  • Être en mesure de comprendre les impacts du choix d'une architecture incluant ce type d'application

Public

  • Chefs de projet Web
  • Architectes techniques
  • Développeurs front-end

Prérequis

  • Bonne connaissance de JavaScript
  • Connaissance du HTML et posséder une expérience pratique du développement web

Programme de la formation

Introduction à REACT

  • Retour sur l’environnement front end actuel et son futur proche
  • Concepts de base (data-binding, immutabilité...)

Les choix de REACT

  • Le "V" de MVC
  • Composants à état
  • Fonction de rendu simple
  • Performance

Virtual DOM

  • La clé des performances de React
  • Pourquoi et comment ?

Créer un composant React (TP)

  • Installation de son environnement de travail
  • Création d’un composant simple qu’on va dynamiser ensemble

Syntaxe : JS, ES6... (TP)

  • Un langage pour simplifier la description du Virtual DOM
  • Aperçu des fonctionnalités d’ES6 utilisable dès aujourd’hui et qui vont nous simplifier tout le reste !

Propriétés d'un composant (TP)

  • State vs. Properties
  • Cas d’utilisation

Communication inter-composants (TP)

  • Présentation des méthodes de communication inter-composants
  • Flux et Reflux

Vers une application complète (TP)

  • Routage
  • Données
  • Architecture complète

Bonus : Isomorphisme (TP)

  • Faire fonctionner son application aussi bien côté client que serveur, presque sans modification

Les + de cette formation

  • Une pédagogie rythmée et variée fondée sur une alternance d'apports méthodologiques, d'ateliers pratiques et de phases d'échanges.
  • Une vue d'ensemble des fonctionnalités du Framework ReactJS.
  • Les retours d'expériences et conseils de consultants experts.