Aller au contenu principal

React - Maîtriser le framework JavaScript de Facebook

Date de mise à jour :
Identifiant Offre Info : 24_252121
Organisme responsable : Mandyben (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

Découvrir React.js. Développer avec ReactJS. Concevoir une SPA avec ReactJS et Flux. Comprendre le subset JavaScript JSX...

Programme 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 A 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 -…

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 A 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

Validation et sanction

Attestation

Type de formation

Non certifiante

Niveau de sortie

Information non communiquée

Durée, rythme, financement

Durée

En centre

35 h

Financement

Conventionnement
Oui

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Information non communiquée

Conditions spécifiques et prérequis

Bonnes maîtrises de l'environnement JavaScript, pratique du développement web

Lieu de réalisation de l'action

Modalités d'enseignement

Formation mixte

Adresse

146 rue Paradis
13006 Marseille 6e

Responsable : MARAVAL

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
146 rue Paradis
13006 Marseille 6e
Modalités
Entrées / Sorties à dates fixes