Formation ReactJS

Créer Votre Site Web avec ReactJS

Présentation de la formation

ReactJS est un framework JavaScript open source maintenue par Facebook. C’est une librairie qui peut être considérée comme le V (View) dans le modèle MVC.

Le but principal de cette bibliothèque est de faciliter la création des interfaces utilisateurs, via la création de composants dépendant d’un état et générant une page HTML à chaque changement d’état.

Vous avez des connaissances en JavaScrip et vous souhaitez en connaitre plus ? Commencer vous cette formation pour créer des applications interactives de hautes performances.

Programme de la formation

Objectifs pédagogiques

Après avoir terminé cette formation, vous serez capable de :

  • Maîtriser les concepts et la syntaxe de ReactJS
  • Créer des applications web performantes
  • Organiser, modulariser et tester ses développements JavaScript

Pré-requis

Pour suivre la formation ReactJS il suffit :

  • Connaissance de base en HTML
  • Connaissance de base en CSS
  • Connaissance de base en JavaScript

Contenu de la formation

Introduction à l’ES6 et aux modules

  • Rappels
  • Design patterns
  • Nouveautés de la syntaxe ES6
  • Compilation du code ES6 avec Babel
  • Aller plus loin : Typescript et Flow
  • Gestion des modules avec Webpack

Introduction à React

  • Ecosystème des frameworks JavaScript
  • Différentes approches du data-binding
  • Philosophie de React
  • Environnement de développement
  • Outils de debug

Développer avec React

  • Création d’un composant
  • La syntaxe JSX
  • JSX vs JavaScript
  • Comprendre JSX en détails
  • Gestion du « state » du composant
  • Les méthodes du cycle de vie

Interactivité des composants

  • Gestion des événements
  • Imbrication de composants
  • Utilisation des « props »
  • Composants réutilisables
  • Manipulation du DOM
  • Gestion des formulaires
  • Design pattern des composants

Application monopage avec Flux ou Redux

  • Présentation de Flux
  • Installation de Redux
  • Les différentes entités du pattern Flux
  • Principe du « one way data flow »
  • Présentation de Redux
  • Utilisation du store
  • Les actions et le reducer
  • Extensions utiles de Redux
  • Intégration dans React
  • L’internationalisation

La navigation avec React Router

  • Présentation de React Router
  • Installation de React Router
  • Configurer les routes
  • Récupérer les paramètres de l’URL
  • Créer des liens
  • Déclencher une navigation

Application isomorphique

  • Principe et bénéfice du développement isomorphique
  • Écosystème du Javascript côté serveur
  • Configuration de NodeJS pour React
  • Récupérer les paramètres de l’URL

Introduction à React Native

  • L’hétérogénéité des OS mobiles
  • Natif vs hybride vs cross-platform
  • Principales solutions cross-platform
  • React Native
  • Démonstration d’application React Native

Méthodes & moyens

Explications théoriques suivies de pratiques guidées puis mises en autonomie

  • 1 vidéoprojecteur par salle
  • 1 ordinateur par stagiaire

Profil du formateur

Nos formateurs sont certifiés à l’issue d’un parcours organisé par nos soins. Ils bénéficient d’un suivi de compétences aussi bien au niveau technique que pédagogique.

Support de cours

  • Support papier ou électronique (dématérialisé)
  • Les exercices d’accompagnement peuvent être récupérés sur clef USB

Formation reactjs

Formation reactjs

Formation ReactJS

Infos Pratiques

Durée : 3 jours (21 heures)
Prix : A définir
Lieu: A définir

Plus d'infos ?



Événements À Venir

Pas de Évènements