React est une librairie JavaScript open source pour développer des interfaces utilisateurs alliant performance et facilité de maintenance.

Dans le cadre de cette formation, vous serez amenés à maitriser la notion de composant, la maîtrise de l’état de l’interface, mais vous verrez aussi en quoi React est considéré comme le point de départ d’un véritable écosystème.

Cette formation, composée de cours théoriques et d’exercices pratiques, s’adresse aux développeurs et lead-développeurs souhaitant comprendre le fonctionnement de React.

Public

À qui s'adresse la formation REACT JS (Débutant)

Un bon niveau JavaScript (ES5+): être à l'aise avec des concepts comme les "closures", les particularités de “this”, l'écoute d'événements (DOM ou jQuery) Une précédente expérience sur un framework peut être un plus.

Objectifs

Compétences visées pour la formation REACT JS (Débutant)

Découvrir React, son fonctionnement et son écosystème Maîtriser la gestion globale d'état et intégrer l'architecture Mettre en place un environnement de développement Écrire une application cliente complète interagissant avec un serveur

Programme

Les bases des composants Rich Intern. App.

  1. Fondamentaux : HTML, CSS, JavaScript, DOM
  2. Limites des applications JavaScript
  3. Ecosystèmes des framework JavaScript
  4. Principes du DataBinding
  5. Positionnement et philosophie de ReactJS
  6. Présentation de JSX
  7. Environnements IDE et PlugIns

Installer l'environnement de travail

  1. Installer Node & NPM
  2. Initialiser un projet node

Installer React

  1. Framework vs librairie, composants et DOM
  2. Le JSX
  3. Installation de React

Comprendre les composants React JS

  1. Créer une application React via CDN
  2. L'intérêt de JSX par rapport à JavaScript
  3. Les composants parent
  4. Compiler le code ES6 via Babel
  5. La méthode ReactDOM
  6. Utiliser create-react-app
  7. Qu'est ce que React.StrictMode
  8. Le destructuring et createRoot

Créer un projet React

  1. Package.json
  2. Dossier public, src & lancer le projet

Connaitre les fondamentaux d'ECMA Script 6

  1. Les constantes et le destructuring
  2. Les arrow functions, paramètres par défaut
  3. Les classes ES6
  4. Gestions des modules, import/export
  5. Les templates string
  6. Le spread operator

Savoir créer un composant React

  1. Démarrage du projet
  2. Afficher un tweet grâce au JSX
  3. Afficher depuis les "Props"

Comprendre les concepts de React JS

  1. Que sont les notions PROPS et STATE
  2. Export Default et Named Exports
  3. Que sont les évènements JavaScript
  4. Mutation du State dans un composant class
  5. Incrémenter un State dans React
  6. Destructuring Array et fonction CallBack
  7. Passer une fonction dans un Prop
  8. Le React Fragment
  9. Le destructuring dans React
  10. Les conditions dans React
  11. Les images dans React
  12. Les formulaires dans React
  13. Les packages NPM
  14. Le CSS dans React
  15. Le custom Button

Maitriser le container

  1. Mapper les données pour renvoyer du JSX
  2. PropTypes et composants réutilisables
  3. Retraiter la donnée avant de l'afficher

Maitriser le composant stateful

  1. Structure du code
  2. Cycle de vie d'un composant
  3. Gestion du state et des inputs
  4. Gestion du CSS

Comprendre le cycle de vie d'un composant

  1. Que sont les méthodes de cycle de vie
  2. La phase de montage
  3. La phase de mise à jour
  4. La phase de démontage
  5. La méthode getDerivedStateFromProps
  6. La méthode shouldComponentUpdate

Comprendre le Two way data binding

  1. Des "props" aux enfants depuis le parent
  2. Mise en place de la méthode pour publier
  3. Mise en place de la méthode pour supprimer
  4. Définir les propriétés par défaut
  5. Les références

Installer React-router

  1. Installation & configuration
  2. Refactoring

Savoir utiliser React Devtools

La formation REACT JS (Débutant) est dispensée sur 14 heures

Formateur : Rodolphe DUTERVAL

Formateur REACT JS
Formateur & Développeur expert Web chez Simplon

Juin 2014 : Expert Informatique & système d’information@ Ingésup (Paris)

Parcours professionnel :

  • Depuis Déc.. 2018: Développeur Web Freelance (Valence)
  • Sept. 2015 – Oct. 2018 : Formateur informatique @ Simplon (Paris/Marseille)
  • 2013 : développeur web junior @ Société Générale (Paris)

Formateur JS pour les étudiants de la formation Dev WEB de Simplon.co

Références

Dernières organisations facturées :
- MON COMPTE FORMATION GÉRÉ PAR LA CDD, Paris 07 sp
Statistiques
Déroulé pédagogique

Règlement intérieur
Conditions Générales de Vente
Cette offre de formation est d'actualité au 19/05/2024

Durée et montant de la formation

Intitulé Durée Montant HT
Formation REACT JS - Débutant 14 heures 1190.00 €

Demander une convention de formation

Inscription newsletter

Recevez la newsletter ONLYWEB Formation pour vous tenir informé des formations à venir et maintenir vos compétences.

ONLYWEB Formation, s'appuie sur le réseau d'experts EVA - Solutions

coordonnées

© ONLYWEB Formation
6 pl. Dumas de Loire
69009 Lyon
TÉL 09 72 13 00 73
EVA Solutions: La force du réseau