Dans un monde où le numérique ne cesse d'évoluer, maîtriser React JS est devenu un atout incontournable pour toute personne désireuse de se positionner avantageusement sur le marché du travail. Les entreprises, en quête de solutions rapides et performantes, privilégient les professionnels capables de créer des applications web dynamiques et réactives. La formation "REACT JS - Débutant" de ONLYWEB FORMATION est conçue pour vous offrir les compétences essentielles nécessaires à la compréhension et à l'implémentation de ce framework JavaScript prisé.

En vous formant à React JS, vous développez des compétences recherchées telles que le DataBinding, l'utilisation de JSX, et la gestion du cycle de vie des composants. Ces connaissances vous ouvrent des portes vers des opportunités d'emploi plus nombreuses et variées, et vous préparent à des évolutions de carrière vers des postes à responsabilités.

En outre, être à la pointe des technologies modernes vous permet de répondre aux besoins croissants des entreprises en matière de développement web, vous positionnant ainsi comme un acteur clé dans ce domaine en pleine expansion.

Public

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

Cette formation "REACT JS - Débutant" s'adresse à toute personne souhaitant acquérir des compétences fondamentales en développement d'applications web interactives, notamment les développeurs débutants, les étudiants en informatique ou les professionnels en reconversion. Elle convient également aux autodidactes ayant des bases en HTML, CSS et JavaScript, désireux d'approfondir leur maîtrise de React pour créer des applications modernes et dynamiques.

Prérequis

Quelles sont les compétences requises pour s'inscrire à la formation REACT JS (Débutant)

  • Connaissance de base en JavaScript : Une maîtrise des fondamentaux de JavaScript, y compris des concepts comme les fonctions, les objets, les tableaux, les boucles et les événements, est essentielle.
  • Compréhension du HTML et CSS : Connaître les bases du HTML pour structurer des pages web et du CSS pour styliser des éléments est indispensable pour travailler avec React.
  • Expérience avec le DOM : Comprendre comment le DOM fonctionne et comment manipuler les éléments d'une page web est un atout pour comprendre le rendu dans React.
  • Notions de développement d’applications web : Avoir une compréhension générale des applications web, des requêtes HTTP et des interactions client-serveur facilitera la compréhension du rôle de React dans une application.
  • Notions de gestion de l'état dans les applications : Bien que la gestion de l'état soit abordée en profondeur dans la formation, une compréhension préalable des concepts de gestion d'état d'une application (comme les variables globales ou locales) peut être bénéfique.

Objectifs

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

La formation "REACT JS - Débutant" vise à fournir aux participants les compétences essentielles pour créer des applications dynamiques avec React. Vous apprendrez à installer et configurer votre environnement, à comprendre les composants et le cycle de vie React, ainsi qu'à maîtriser le DataBinding et les concepts avancés tels que le State et les Props. Cette formation vous prépare à développer des interfaces utilisateur efficaces et réactives.

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

Formation dans votre région

flèche de retour en arrière Villeurbanne Clermont-Ferrand Lyon Nice Marseille Aix-en-Provence Nantes Le Mans Lille Amiens Toulouse Saint-Denis Versailles Rueil-Malmaison Puteaux Neuilly-sur-Seine Levallois-Perret Boulogne-Billancourt Argenteuil Paris Rouen Dijon Bordeaux Strasbourg Nancy

Formateur : Jean DEMEL

Formateur REACT JS

Diplôme : 

2013 - Développeur Intégrateur Web IFOCOP

2015 - Architecte Logiciel AFCEPF

 

Expérience :

2020 à 2025 Formateur à Simplon.co, Human booster, M2I Formation

2015 à 2020 Formateur à INTI Formation, AFCEPF, Greta

 

 

Références

Dernières organisations facturées :
- ANURA, Bourg-en-bresse
- ALLIANCE LAUNDRY FRANCE, Saint-priest
- MON COMPTE FORMATION GÉRÉ PAR LA CDD, Paris 07 sp
Statistiques
Déroulé pédagogique

Règlement intérieur
Engagements PSH
Conditions Générales de Vente
Cette offre de formation est d'actualité au 01/03/2026

Durée et montant de la formation

Intitulé Durée Montant HT
Formation REACT JS - Débutant 14 heures 1290.00 €
Obtenir un devis

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

ONLYWEB Formation

ACCUEIL - RESSOURCES - PLANNING - MENTIONS LÉGALES - PARTENAIRES - CONTACT