Formation
React JS Initiation

Cette formation vous initiera à la mise en place des outils, au workflow et à l’évolution conforme aux normes industrielles d’une application ReactJS ( bibliothèque visant à simplifier la création d’applications web monopage).

01
Pour qui ?
Public visé

Développeur frontend, fullstack, webmaster et toute personne souhaitant se familiariser avec le développement d'application utilisant le framework ReactJS.

Prérecquis

Connaissance du langage Javascript, HTML et CSS.

02
Les
Objectifs
03
Le
Programme

Jour 1
Matin
Mise en place de l’environnement et premier composant
• Introduction
• ES2016 et Webpack
• Utilisation de Create-React-App
• Présentation de la syntaxe, utilisation du JSX
• Ecriture du premier composant

Après-midi
Création de composants complets
• Paramétrer les composants avec les props (propriétés)
• Formalisme et utilisation de PropTypes
• Mise en place d’un « state »
• Modification du state, binding
• Les composants et les sous-composants
• Présentation des différents cycles de vie

Jour 2
Matin
Communication inter-composants avec ReactJS
• Communication inter-composants
• Gestion des évènements
• Auto-binding
• Composants de formulaire
• Manipulation du DOM
• Présentation de la propagation des données
• Flux des données

Après-midi
React pour des applications complexes
• Différents choix pour le style : CSS / SCSS / StyledComponents
• Présentation de Redux
• Présentation des Sagas
• Test des composants avec Jest
• Test automatisés (via snapshots) : utilisation d’Enzyme

05
ILS EN
DISENT...

Après une rupture de parcours professionnel, j’avais besoin de me réorienter. Passpro m’a proposé de faire un bilan de compétences de 20h. Grâce à ce bilan, j’ai de nouveaux projets et l’envie de les réaliser.

Jérome B.
détails

 Quand la crise sanitaire est arrivée, je me suis retrouvé sans activité. Il me fallait rapidement acquérir la maîtrise des outils de formation à distance. Merci Passpro de m’avoir permis de reprendre mon activité grâce à votre formation.

Fabien W.
détails

J’avais un projet de création de restaurant depuis longtemps. J’ai suivi la trajectoire BBQ de Passpro et mon restaurant est ouvert depuis 9 mois maintenant. 

Marcel C.
détails

Passpro accompagne notre groupe depuis 2017 en nous aidant à gérer notre plan de formation.

Tous nos salariés bénéficient de formations pour monter en compétences.

Nous respectons nos obligations en matière de sécurité et motivons nos équipes.

Cédric B.
détails
10
Des
questions ?
11
Newsletter
Une fois la formation dispensée, ce n’est pas fini. Nous continuons à vous accompagner dans votre projet en vérifiant 3 à 6 mois plus tard, que vos compétences sont acquises et que vous avez pu les mettre en pratique. Dans le cas où l’un des objectifs n’a pas été rempli, nous analysons avec vous ce qui peut être améliorer et nous vous proposons des solutions.
Cette formation vous intéresse ?

Jour 1
Matin
Mise en place de l’environnement et premier composant
• Introduction
• ES2016 et Webpack
• Utilisation de Create-React-App
• Présentation de la syntaxe, utilisation du JSX
• Ecriture du premier composant

Après-midi
Création de composants complets
• Paramétrer les composants avec les props (propriétés)
• Formalisme et utilisation de PropTypes
• Mise en place d’un « state »
• Modification du state, binding
• Les composants et les sous-composants
• Présentation des différents cycles de vie

Jour 2
Matin
Communication inter-composants avec ReactJS
• Communication inter-composants
• Gestion des évènements
• Auto-binding
• Composants de formulaire
• Manipulation du DOM
• Présentation de la propagation des données
• Flux des données

Après-midi
React pour des applications complexes
• Différents choix pour le style : CSS / SCSS / StyledComponents
• Présentation de Redux
• Présentation des Sagas
• Test des composants avec Jest
• Test automatisés (via snapshots) : utilisation d’Enzyme

test

Jour 1
Matin
Mise en place de l’environnement et premier composant
• Introduction
• ES2016 et Webpack
• Utilisation de Create-React-App
• Présentation de la syntaxe, utilisation du JSX
• Ecriture du premier composant

Après-midi
Création de composants complets
• Paramétrer les composants avec les props (propriétés)
• Formalisme et utilisation de PropTypes
• Mise en place d’un « state »
• Modification du state, binding
• Les composants et les sous-composants
• Présentation des différents cycles de vie

Jour 2
Matin
Communication inter-composants avec ReactJS
• Communication inter-composants
• Gestion des évènements
• Auto-binding
• Composants de formulaire
• Manipulation du DOM
• Présentation de la propagation des données
• Flux des données

Après-midi
React pour des applications complexes
• Différents choix pour le style : CSS / SCSS / StyledComponents
• Présentation de Redux
• Présentation des Sagas
• Test des composants avec Jest
• Test automatisés (via snapshots) : utilisation d’Enzyme

Restez informé !

Abonnez-vous à la newsletter et restez informé des dernières actualités.