Développement Web - React JS
Formation React JS :
Utilisé par les leaders du secteur tels que Facebook, Netflix ou encore Airbnb, React JS est une bibliothèque Javascript développée à l’origine par Facebook. Flexible et particulièrement performante, React JS permet de réutiliser des composants avec des données pouvant changer au cours du temps. Au terme de cette formation, vous comprendrez les concepts de React JS, sauriez vous développer en utilisant les bonnes pratiques et choisir les outils de développement les plus adaptés !
- Niveau: Fondamental
- Durée : Mois
- Tarif: 00 DT
![](https://empire-training.tn/wp-content/uploads/2023/10/image-49-141x141.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/image-49-141x141.png)
Une formation flexible 100% en ligne
Démarrez à tout moment votre nouvelle carrière ! Disponible à temps partiel ? Pas de problème, étudiez à votre rythme.
![](https://empire-training.tn/wp-content/uploads/2023/11/image-71-111x111.png)
![](https://empire-training.tn/wp-content/uploads/2023/11/image-71-111x111.png)
Des projets professionnalisants
Vous développerez vos compétences professionnelles en travaillant sur des projets concrets inspirés de la réalité en entreprise.Pas de problème, étudiez à votre rythme.
![](https://empire-training.tn/wp-content/uploads/2023/11/image-70-101x101.png)
![](https://empire-training.tn/wp-content/uploads/2023/11/image-70-101x101.png)
Un accompagnement personnalisé
Bénéficiez de sessions de mentorat hebdomadaires avec un expert du métier.
![image (69) image (69)](https://empire-training.tn/wp-content/uploads/2023/11/image-69-70x94.png)
![image (69) image (69)](https://empire-training.tn/wp-content/uploads/2023/11/image-69-70x94.png)
Gagnez des certificats et des diplômes
Gagner des certificats et des diplômes peut améliorer votre carrière, élargir vos horizons et vous offrir une satisfaction personnelle accrue.
- Aperçu
- Projets
- Accompagnement
Objectifs de la formation ReactJS
Objectif opérationnel :
Savoir utiliser la bibliothèque React JS pour faciliter la création d’applications web isomorphiques accessibles et performantes.
Objectifs pédagogiques :
Concrètement, à l’issue de cette formation ReactJS, vous aurez acquis les connaissances et compétences nécessaires pour :
- Connaître les apports de la bibliothèque React dans le cadre d’un développement JavaScript
- Savoir coupler React JS avec des modules complémentaires, JSX et ES6
- Concevoir une application web monopage avec la bibliothèque React et l’architecture Flux
- Comprendre et maîtriser la notion d’immutabilité pour optimiser les performances des applications mises à jour uniquement lors de changement
- Comprendre et mesurer les impacts du choix d’une architecture incluant ce type d’application
À qui s’adresse cette formation ?
Public :
Ce cours ReactJS s’adresse aux développeurs JavaScript recherchant comment faciliter la création d’une application web monopage tout en maintenant un niveau élevé de flexibilité et de performance. Les développeurs concernés possèdent du recul et de l’expérience sur le langage JavaScript et son environnement et sont sensibles au motif d’architecture logicielle MVC.
Prérequis :
Les participants à cette formation ReactJS possèdent obligatoirement de solides connaissances des technologies web (HTML, CSS) et de JavaScript validées à travers le développement de projets web préalables. Ils sont également sensibilisés à la problématique de performance, au cœur de cette formation.
![](https://empire-training.tn/wp-content/uploads/2023/10/image-52-859x725.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/image-52-859x725.png)
Une pédagogie basée sur la pratique
![](https://empire-training.tn/wp-content/uploads/2023/10/image-53-300x227.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/image-53-300x227.png)
- Acquérir des compétences essentielles en validant des projets professionnels.
- Progressez à l’aide d’un expert du métier.
- Gagnez un véritable savoir-faire ainsi qu’un portfolio pour le démontrer.
Projet 1
Démarrez votre formation de React JS
Philosophie de React
Les autres Frameworks JavaScript
Environnement de développement
Outils de debug
Pour ce projet, vous trouverez une utilité particulière dans les cours suivants :
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
Premiers développements avec ReactJS :
Le composant
Principe et conséquences du Virtual Dom
La fonction render()
‘props’ et ‘state’
Le langage JSX
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
Les possibilités de build
Build complet avec webpack
Build managé avec la cli create-react-app
Les différents packages de bootstraping React
Optimisation et construction des fichiers nécessaires à l’affichage complet du site (js, mais aussi images et css)
Comparaison de la version lien dans le html/ la version développement et la version production
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
Découvrez les métiers de développeur
Les composants fonctionnels et de classe
Composition de multiple composants
Cycle de vie d’un Composant de classe
Les Hooks des composants fonctionnels
Gestion des événements click, mouseover…
Projet 2
Gestion centralisée des données
Présentation des différentes technologies de gestion (Redux, MobX, context, Recoil etc.)
Présentation de Redux
Le Store et les Actions
Création de Reducteurs pour les Actions
Utilisation avec React
Les cours suivants vous seront utiles pour ce projet :
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
Application monopage avec ReactJS et un module de store de variables
Flux/Redux : présentation. Propagation de données.
Comparaison des architectures.
Création de vues et contrôleurs dans Flux.
Rôle du “Dispacther” store reducer action.
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
Le Router
Les différents Routers
HashRouter ou PushState
Conséquences sur le déploiement
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/Ajouter-un-sous-titre-3-300x198.png)
Application isomorphique
Présentation de NodeJS
Principe et bénéfices du développement isomorphique
Découverte du Framework NextJs
Un encadrement individuel et privilégié.
- Bénéficiez de sessions individuelles hebdomadaires avec un mentor expert du métier
- rapidement dans vos projets grâce à son excellence dans le partage de son savoir-faire
![](https://empire-training.tn/wp-content/uploads/2023/10/image-57-683x451.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/image-57-683x451.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/image-58-645x545.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/image-58-645x545.png)
La communauté Empire Training
- Comptez sur une communauté soudée d’étudiants prête à vous aider 24h/24, 7j/7.
Pré- inscription en ligne
Veuillez remplir le formulaire
Les champs marqués d’un * sont obligatoires
Comment se déroule un parcours Empire Training ?
Dès la formation choisie jusqu’à leur entrée dans leur nouvelle carrière, nos étudiants racontent chaque étape de leur expérience et le soutien qu’ils ont reçu.
![](https://empire-training.tn/wp-content/uploads/2023/10/image-32-943x623.png)
![](https://empire-training.tn/wp-content/uploads/2023/10/image-32-943x623.png)