ReactJS
Date de mise à jour :
Identifiant Offre Info : 20_1369894
Organisme responsable :
INOW
(ouvre dans un nouvel onglet)
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…
- 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
Type de formation
Non certifiante
Niveau de sortie
Sans niveau spécifique
Durée, rythme, financement
Durée
En centre
21 h
Financement
- Conventionnement
- Oui
- Financeur
-
- Autre
Conditions d'accès
Public visé
- Tout public
Niveau d'entrée
Sans niveau spécifique
Conditions spécifiques et prérequis
Connaissances en HTML et CSS Bonne connaissance de JavaScript (y compris des concepts comme les fonctions, les objets, les tableaux et les promesses) Notions de base sur les bibliothèques Front-End
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
-
14 Rue Tantot
60510 La Neuville-en-Hez - État du recrutement
- Ouvert
- Modalités
- Entrées / Sorties à dates fixes