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

Tarif

1800€ HT (Comment faire financer ma formation professionnelle ?)

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.