Aller au contenu principal

Développer des applications et des composants avec ReactJS

Date de mise à jour :
Identifiant Offre Info : 11_11O2400231
Organisme responsable : INOW CARAIBES (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

  • Découvrir ReactJS et son fonctionnement
  • Écrire des composants avec les nouvelles syntaxes JSX et ES6
  • Comprendre et intégrer l'architecture Flux
  • Mettre en place un environnement de développement pour ReactJS

Programme de la formation

Introduction à ReactJs Node.js et npm JavaScript ES6 Webpacks Les avantages de React Création d'une application ReactJs IDE, outils et plugins ReactJs et le DOM Evénements en React JSX, différence entre JSX et HTML/JavaScript Méthodes principales de l'API DOM virtuel Les composants React Hiérarchie des composant Construire un composant de vue Composants à état Stratégie de composition des composants et bonnes pratiques Cycle de vie des composants Render, Binding Props VS state…

Introduction à ReactJs
Node.js et npm JavaScript
ES6 Webpacks
Les avantages de React
Création d'une application
ReactJs
IDE, outils et plugins

ReactJs et le DOM
Evénements en React
JSX, différence entre JSX et HTML/JavaScript
Méthodes principales de l'API
DOM virtuel

Les composants React
Hiérarchie des composant
Construire un composant de vue
Composants à état
Stratégie de composition des composants et bonnes pratiques
Cycle de vie des composants
Render, Binding
Props VS state
Contrôle des composants de formulaire
Validateurs
Creer son StoryBook

Interactions avancées en ReactJs
Animations
Drag and Drop
Mise en place d'un thème avec Styled Component

Routage
Implémentation du routage
Gérer les routes
React Router
Récupérer les paramètres de l'URL

Architecture avec Redux
Pourquoi Redux ?
Separation of Concern
Implémentation de Redux
Créer ses actions et reducers
Introduction à React-Redux
Connecter ses composants

Performances
Réconciliation process works
Bonnes pratiques concernant la performance

Isomorphisme
Principes et béné?ces du développement isomorphique
Node.js pour ReactJS
Internationalisation (i18n)
Communiquer avec une API rest
Configuration et organisation des routes

Tester les applications ReactJS
Préparer les composants pour les tests
Les utilitaires de test pour Enzyme, Jest...
Simulation d'événements

Introduction à React Native
Hétérogénéité des OS mobiles
Natif vs hybride vs cross-platform
Principales solutions cross-platform

Validation et sanction

Non prévu;

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Financement

Conventionnement
Non
Financeur
  • Bénéficiaire de l'action
Conditions de prise en charge
Formation professionnelle d'adulte - FPA;

Conditions d'accès

Publics visés

  • Demandeur d'emploi
  • Handicapé
  • Public en emploi
  • Salarié
  • Salarié dans le cadre du CIF
  • Salarié dans le cadre du DIF
  • Salarié dans le cadre du plan de formation
  • Salarié en contrat aidé
  • Salarié en période de professionnalisation
  • Salarié en reconversion

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

<ul><li>Connaissances en HTML et CSS</li><li>Bonne connaissance de JavaScript</li><li>Notions de base sur les bibliothèques Front-End</li><li>Expérience avec ES6+</li></ul>

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement à distance

Adresse

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

Début

Fin

Adresse d'inscription
3617 Boulevard 3617 Boulevard de Houelbourg ZI Jar
97122 Baie-Mahault
Modalités
Entrées / Sorties à dates fixes