Formation React JS

Utilisé par les leaders du secteur tels que Facebook, Netflix ou encore Airbnb, React JS est une bibliothèque Javascript développée à l’origine par Facebook. 

Flexible et particulièrement performante, React JS permet de réutiliser des composant avec des données pouvant changer au cours du temps. 

Au terme de cette formation, vous comprendrez les concepts de React JS, saurez développer en utilisant les bonnes pratiques et choisir les outils de développement les plus adaptés !

ans d’expérience pour tous nos formateurs

%

de travaux pratiques

jours de formation

À qui s’adresse cette formation React JS ?

développeur - illustration

Développeurs

administrateur système - illustration

Architectes

chef de projet technique - portrait

Chefs de projets techniques

Description de la formation

React JS

Méthode pédagogique

La formation se passe en mode présentiel (face à face), et se compose 70% de travaux pratiques (Mise en situation, débat, exercice).

Une évaluation quotidienne de l’acquisition des connaissances de la veille est effectuée.

Une synthèse est proposée en fin de formation. Un support de cours sera remis à chaque participant comprenant les slides sur la théorie, les exercices et travaux pratiques et les corrigés de ces derniers. Une évaluation à chaud sera proposée au stagiaire à la fin du cours.

Objectifs

  • Comprendre les concepts de ReactJS
  • Développer avec ReactJS en respectant les bonnes pratiques
  • Savoir utiliser les outils de développement adaptés
  • Installer, configurer et utiliser les bibliothèques de l’écosystème ReactJS les plus populaires
  • Gérer les états avec Redux
  • Tester unitairement son application

Audience

  • Développeurs
  • Architectes
  • Chefs de projets techniques

Pré-requis

Une connaissance des technologies web (HTML, CSS et JS) est impérative. Une connaissance basique de Git est souhaitable mais pas obligatoire.

Le formateur

Le formateur est un expert du domaine qui intervient sur le sujet depuis plusieurs années en formation mais aussi en conseil. Doté d’une grande qualité d’écoute, sa pédagogie et sa compétence technique vous permettront d’acquérir les compétences sur AngularJS.

Le programme

Rappels environnement front-end
  • Retour sur l’état du front-end actuel et ses concepts (Single Page Application, asynchronisme…)
  • Rappel ES6
  • Présentation de l’environnement react : webpack, npm, create-react-app
  • Utilisation des outils du navigateur : debugger et react dev tools

TP : installation d’un squelette d’application avec create-react-app

React
  • Présentation de React et de ses concepts (virtual Dom, workflow d’affichage du navigateur)
    Structure d’un component React
    Présentation de JSX
  • Cycle de vie et gestion de l’état d’un component avec les hooks
  • Gestion du cycle de vie applicatif
  • Gestion des formulaires avec la librairie React-final-form
  • Routing d’une application React avec react-router

TP : Développement d’un jeu de memory (base graphique fournie) 

Tests
  • Comment tester unitairement les components React avec Jest et enzyme

TP : Ecriture et exécution de tests pour le memory

Redux
  • Externaliser la gestion d’état d’une application React avec Redux et react-redux
  • Live coding pour intégrer Redux à une application React
  • Ajout d’un middleware Redux et appel d’API distante

 TP : Ajouter Redux au jeu de memory

Ouverture (selon le niveau des participants)
  • Internationalisation d’une application React (i18n)
  • React native

Tarif

1880 € HT

Les prochaines dates pour cette formation

Pas d'événement actuellement programmé.

Nos clients parlent de nous

« Très bonne pédagogie, agréable à suivre Peut-être pourrait faire encore plus de retours d'expérience avec des exemples concrets, formation très intéressante et très instructive, merci. »

Sabrina D.

Software Engineer , Sierra Wireless

Nos autres formations en hautes technologies

Formations agilité, Safe et scrum master

Architecture

formations big data - Retengr - icone

Data

Formation Devops Toulouse et Paris - Retengr

DevOps

Formation web mobile, android et ios - Toulouse et Paris - Retengr

Agilité

Formation web Html, css, javascript, angular - Retengr

Web client

pictogramme formations développement applications mobiles

Web mobile

Prêt(e) à découvrir React JS ?

Contactez-nous !

1.

Vous remplissez ce formulaire

2.

Nous vous recontactons sous 48h

3.

Nous finalisons ensemble votre inscription

5 + 11 =