Formation - ReactJS – Développer des applications web performantes avec le framework JavaScript de Facebook

Combien de temps dure la formation ?

3,00 jour(s)

Dans quelle(s) langue(s) la formation est-elle donnée ?

EN FR

Quand a lieu la prochaine session ?

Qui organise cette formation ?

OXiane est spécialisé dans la conception et la réalisation de formations informatiques et de supports de cours pédagogiques sur les dernières technologies. Nos différentes filières permettent de couvrir tous les besoins en formation que ce soit en IT au sens large, mais également "Utilisateurs" et "Soft Skills" en Management, Communication & leadership.

À qui s’adresse la formation ?

Développeurs JavaScript souhaitant évoluer vers des architectures modernes.
Architectes front-end et chefs de projets web.
Toute personne amenée à concevoir ou maintenir des interfaces web riches.

Quels sont les objectifs poursuivis ou les compétences visées ?

Développer une application web avec ReactJS.
Concevoir une SPA (Single Page Application) en utilisant Flux ou Redux.
Maîtriser le langage JSX et ses spécificités.
Comprendre et appliquer les principes du Virtual DOM pour optimiser les performances.
Mettre en œuvre les bases du développement isomorphique avec React et Node.js.

Quel est le contenu de la formation ?

Fondamentaux et mise en place de l'environnement

Rappels RIA : HTML, CSS, JavaScript, DOM
Design patterns applicatifs classiques et limites des frameworks historiques
Présentation de l'écosystème ReactJS et positionnement dans le paysage JavaScript
Introduction à JSX et aux transpilers
Mise en place de l'environnement de développement
Travaux pratiques : configuration du projet, première structure JSX

Développer avec ReactJS

MVC et Virtual DOM : principes et performances
Syntaxe JSX détaillée, pièges à éviter
API principale de React
Création et cycle de vie des composants
Gestion des états et propriétés
Travaux pratiques : création de composants React dynamiques

Interactivité et gestion des composants

Gestion des événements, autobinding et délégation
Composants à état et composition
Flux de données entre composants parents et enfants
Composants réutilisables et contrôles de formulaires
Manipulation ciblée du DOM
Travaux pratiques : construction d'une UI interactive et modulaire

Créer une SPA avec Flux ou Redux

Présentation des architectures Flux et Redux
Gestion des états et propagation des données
Rôle du Dispatcher et des Stores dans Flux
Reducers et functional programming dans Redux
Outils complémentaires : hot-loader, DevTools
Travaux pratiques : création d'une SPA complète avec Redux

Développement isomorphique avec Node.js

Principes et avantages de l'isomorphisme
Présentation de l'écosystème JavaScript côté serveur
Configuration de Node.js pour React
Gestion des routes et rendu côté serveur
Travaux pratiques : mise en place d'un pré-rendu serveur

Introduction à React Native

Présentation et positionnement par rapport à Cordova et autres frameworks mobiles
Passage de React aux composants natifs iOS/Android
Aperçu des possibilités cross-plateformes