adresse email codewise numero telephone codewise
Formation React.js

Formation React.js

Une formation flexible 100% sur mesure

Démarrez à tout moment votre apprentissage ! Disponible à temps partiel ? Pas de problème, étudiez à votre rythme.

Un accompagnement personnalisé

Bénéficiez de sessions de coaching privé avec un expert du métier.

Une pédagogie adaptée aux professionels

20% de théorie. 80% d'exercices pratiques.

Des contenus complémentaires

Repartez avec tous les contenus de la formation, et des fiches-résumé !
Formation React.js
Formation React.js
Formation qualifiante
Suivi personnalisé
Pédagogie adaptée aux professionnels

Présentation de la formation

Vous apprendrez dans ce cours à développer des applications avec ReactJS, JSX et Flux et découvrirez le principe et les bénéfices du développement isomorphique.

React qu'est-ce que c'est ?

React est une bibliothèque JavaScript libre développée par Facebook depuis 2013.

Le but de cette bibliothèque est de faciliter la création d'application web monopage (Single Page Application), via la création de composants dépendant d'un état.

Une page HTML est générée à chaque changement d'état.

Exemples de salaires - Développeur Front-end React.js

Expérience Junior (0-2ans) Confirmé (3-5ans) Senior (+5ans)
Salaire [30K - 42K]€ [42K - 52K]€ [49K - 60K]€

Durée

21h sur 3 jours

La formation se déroule au format distanciel intensif, avec un suivi individuel et un examen d’évaluation en fin de formation.

Environnement de travail

Suivi individuel par un formateur-expert à toutes les étapes de la formation. Bureaux en centre-ville de Toulouse si formation présentielle. Le matériel informatique peut être fourni.

À qui s'adresse cette formation ?

Cette formation est ouverte aux développeurs/architectes ayant des bases de Javascript, HTML et CSS.

Compétences acquises grâce à cette formation

  • Développer avec ReactJS
  • Concevoir une SPA avec ReactJS et Flux
  • Comprendre le subset JavaScript JSX
  • Optimiser les performances des RIA

Contenu de la formation

Jour 1

Rappels des composants des RIA

  • Les fondamentaux. HTML, CSS, JavaScript. Le DOM.
  • Design patterns applicatifs classiques. Limitations des applications JavaScript.
  • Ecosystème des frameworks JavaScript
  • Principes de Data-Binding : dirty-checking, observable, ReactJS, positionnement et philosophie
  • JSX : présentation. Mise en œuvre "Transpilers"
  • Environnement de développement. IDE et plug-ins.

Développer avec ReactJS

  • Approche : MVC et Virtual Dom, un choix de performance.
  • Utiliser JavaScript ou JSX.
  • Comprendre JSX en détail. Pièges à éviter.
  • Méthodes principales de l'API.
  • Création de composant de vues. Cycle de vie.
  • Initialisation de propriétés.
  • Render Function : gestion des états de composant.

Jour 2

Interactivité des composants

  • Gestion des événements. autobinding et délégation
  • Design Pattern : stratégie pour les composants à état.
  • Composer par ensembles.
  • Component Data Flow : propriétaire, enfants et création dynamique.
  • Composants réutilisables : contrôle et transfert de propriétés.
  • Contrôle des composants de formulaire.
  • Manipulation du DOM.

Application monopage avec ReactJS et Flux ou Redux

  • Flux/Redux : présentation. Propagation de données.
  • Comparaison des architectures.
  • Création de vues et contrôleurs dans Flux.
  • Rôle du Dispacther dans Flux pour les actions.
  • Les Stores
  • gestionnaire d'états logique dans Flux
  • Définition du Functionnal Programming.
  • Approche avec Redux. Le Reducer.
  • Extension pour ReactJS : hot-loader

Jour 3

Application isomorphique

  • Principe et bénéfices du développement isomorphique.
  • Ecosystème du JavaScript côté serveur
  • Initiation à NodeJS
  • Configuration de NodeJs pour ReactJS.
  • Organisation de routes.

Introduction à React Native

  • Positionnement, différences avec Cordova
  • De React aux composant iOS natifs, un projet à suivre.

Réservez votre formation

Nous recevrons directement ce message sur notre adresse email. Réponse garantie en 24h !

1.

Vous complétez ce formulaire


2.

Nous vous recontactons sous 24h


3.

Nous définissons ensemble une formation qui remplit vos objectifs