Formations Web JavaScript Formation ReactJS

Formation ReactJS

Noté 0 sur 5
Logo Formation React - ReactJS
Prix 1800€ HT / personne
Durée 3 jours ( 21 heures )

Paris | à distance | FNE

Il ne reste que quelques places
NewCafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

Présentation

ReactJS est une bibliothèque open-source JavaScript développée par Facebook depuis 2013 en partenariat avec Instagram et soutenue par une grande communauté de développeurs.

Le but principal de cette librairie est de faciliter la création d’application Single-Page via des composants dépendant d’un état et générant du HTML à chacun de ses changements.

Grâce à ses performances élevées, elle a tout de suite conquis les entreprises, dont Airbnb, Sony, Netflix !

Avec cette formation sur ReactJS vous allez découvrir comment exploiter pleinement cette technologie web avancée, sur l’une des librairies les plus utilisées notamment dans les nouveaux projets de Web Apps.

Comme tous nos programmes, notre formation porte sur la toute dernière version en date de cette librairie à savoir ReactJS 18.

 

Objectifs

  • Découvrir les spécificités de ReactJS 18
  • Maîtriser les fonctionnalités dans la dernière version 18 de React la technologie JavaScript de Facebook
  • Développer des applications web avec ReactJS
  • Créer des composants web complexes rapidement
  • Application SinglePage avec React.JS, Flux et isomorphisme
  • Mettre en place une application web performante
  • Appréhender React Native
  • Savoir optimiser les performances des RIA

 

Public visé

  • Développeurs web
  • Architectes
  • Chef de projets

 

Pré-requis

  • Connaissances en JavaScript ES5 minimum

Programme de notre formation React JS

 

Introduction

  • Rappels, de ES6 à ESNext
  • JavaScript, DOM et ShadowDom
  • Design patterns applicatifs classiques.
  • Limitations des applications JavaScript
  • Écosystème des frameworks web JavaScript modernes
  • La nouvelle vision de ReactJS
  • Environnement de développement : IDE, outils et plug-ins

 

Présentation de ReactJS

  • Virtual Dom, un choix de performance
  • Create-react-app VS Webpack
  • Composants à état, fonction de rendu simple, performance
  • JavaScript ou JSX
  • Comprendre JSX
  • Méthodes principales de l’API
  • Création de composants de vue
  • Initialisation des props
  • Comprendre le passage de props
  • Lifting up state – intérêts et inconvénients
  • React et CSS: css-in-js, modules CSS ou styled-component et portée du style

 

ES6, ES2015 et TypeScript

  • Compileurs : transpiler avec Babel
  • TypeScript: Création et configuration avec ESLint (TSLint)
  • Passer de Flow à Typescript par l’exemple
  • Workflow et bonnes pratiques

 

Composants

  • Fragments
  • Événements, autobinding et délégation
  • Design Pattern : les composants à état
  • Découper une application par composants
  • Props VS state
  • Component Data Flow : circulation des informations entre composants
  • Composants réutilisables : contrôle et transfert de propriété
  • Contrôle des composants de formulaire : solution propriétaire ou utilisation de
  • librairies (Formik, react-hook-form)
  • Manipulation du DOM
  • Portals

 

HOOKS

  • useState
  • useEffect – comprendre le cycle de vie et les désabonnements
  • useReducer
  • Séparer la logique d’un composant pour augmenter sa réutilisation
  • useRef
  • Comprendre la mémorisation et la notion de pureté
  • useCallback
  • useMemo

 

NOUVEAUTÉS REACT18

  • useId
  • useTransition
  • Suspense API
  • Lazy loading et code splitting

 

ROUTING AVEC REACT ROUTER

  • Principe d’une SPA
  • Installation de react-router-dom (v6)
  • Création des routes
  • Configuration et organisation des routes
  • Les différents modes de navigation
  • Redirection et Historique
  • Route Privée

 

CONTEXT

  • Définition et cas d’utilisation
  • Création de plusieurs contextes
  • Utilisation des différents contextes

 

LIBRAIRIES DE COMPOSANTS

  • SemanticUI
  • MaterialUI
  • React-Bootstrap
  • AntDesign
  • Comment utiliser une librairie sans créer de dette technique

 

REDUX

  • Comprendre Redux
  • Installer redux-toolkit
  • Les actions, creators et dispatchers
  • Utilisation des providers et de l’injection des composants pour organiser un Store
  • Redux
  • Exemple de TODO list avec Redux
  • Redux VS Context? Quand utiliser lequel ?

 

PERFORMANCE ET ARCHITECTURE

  • Immutabilité
  • High Order Component (HOC)
  • Outils de développement & tests
  • Server-side rendering

Pour aller plus loin

Formation React Avancé

Formation React Native

Formation ReactXP

Formation Angular Avancé

 

Formation Angular

Formation Vue.js

Autour du sujet

Langues et Lieux disponibles

Langues

  • Français
  • Anglais / English

Lieux

  • France entière
    • Paris
    • Lille
    • Reims
    • Lyon
    • Toulouse
    • Bordeaux
    • Montpellier
    • Nice
    • Sophia Antipolis
    • Marseille
    • Aix-en-Provence
    • Nantes
    • Rennes
    • Strasbourg
    • Grenoble
    • Dijon
    • Tours
    • Saint-Étienne
    • Toulon
    • Angers
  • Belgique
    • Bruxelles
    • Liège
  • Suisse
    • Genève
    • Zurich
    • Lausanne
  • Luxembourg

Nos Formateurs Référents

Sydney

Sydney

Sydney à créé plusieurs entreprises et est maintenant freelance full stack JavaScript. Titulaire d’un master en Digital Business de l’IE business school de Madrid, il fait partie de la génération 42. Passionné par les tendances technologiques et leur impact sur l’apprentissage. Il est le globetrotter d’Ambient.
Alexandre

Alexandre

Notre formateur passionné vous proposera de partager son expérience acquise notamment chez Interactive Data, le n°3 mondial de la distribution de données financières et Somhome, une startup proposant des services de location comme « airBnB »

Témoignages

Noté 5 sur 5
25 mai 2022

Comprendre la partie théorique et la pratiquer étape par étape .

Echanger plusieurs points générales avec Fabio , techniques et méthodologiques .

React avancé .

Merci beaucoup pour votre professionnalisme et réactivité .

Achraf D. de chez Électre

Afficher tous les témoignages

Noté 5 sur 5
25 mai 2022

Comprendre la partie théorique et la pratiquer étape par étape .

Echanger plusieurs points générales avec Fabio , techniques et méthodologiques .

React avancé .

Merci beaucoup pour votre professionnalisme et réactivité .

Achraf D. de chez Électre
Noté 5 sur 5
25 mai 2022

Formation très complète, on commence par des rappels, puis une base de React, et on termine par Redux

Point négatif : Il n’y en a pas

React avancé, qui est déjà prévu 🙂

Excellente formation pour apprendre React.JS. La partie Redux est assez compliqué à assimiler, mais heureusement qu’on a un bon formateur 🙂

Kevin G. (Développeur)
Noté 5 sur 5
25 mai 2022

Compétence du formateur. Exercices pratiques fluides et amusants

Je n’en vois pas vraiment

symfony avancé, solidity, web3, nextjs

Arnaud L. de chez
Noté 5 sur 5
25 mai 2022

React Avancé

Jean-Baptiste M. de chez Électre
Noté 4 sur 5
11 mai 2022

Alterner théorie et pratique

Alexendre R. de chez EXPLORE
Noté 3 sur 5
11 mai 2022

Anthony G. de chez EXPLORE
Noté 4 sur 5
11 mai 2022

Je recommande la formation

Johann D. de chez EXPLORE
Noté 4 sur 5
11 mai 2022

Je recommande la formation

Meal D. de chez EXPLORE
Noté 5 sur 5
21 janvier 2022

Je recommande la formation

Eline T. de chez TUFFIGO RAPIDEX
Noté 5 sur 5
21 janvier 2022

Formation privée entre nous et le formation, il s’adapte donc a notre besoin

Arnaud G. de chez TUFFIGO RAPIDEX
Noté 5 sur 5
21 janvier 2022

Les tests

Les tests

Adrien H. de chez TUFFIGO RAPIDEX
Noté 5 sur 5
19 janvier 2022

La pratique permet de bien comprendre le cours

Peut-être un poile rapide, il faut rallonger de quelques heures pour pouvoir plus prendre le temps

Formateur très pédagogue et à l’écoute !

Eline T. de chez TUFFIGO RAPIDEX
Noté 5 sur 5
19 janvier 2022

Cette formation permet d’avoir un bon niveau de départ dans cette technologie afin d’être autonome.

Tout le monde a un point là, mais là je ne vois pas.

Prévu React Avancée, QT6 et Rust

Je suis un commentaire

Adrien H. de chez TUFFIGO RAPIDEX
Noté 5 sur 5
19 janvier 2022

la mise en pratique des exercices, les explications

la prochaine formation prévue est celle de Qt

Norbert . de chez TUFFIGO RAPIDEX
Noté 4 sur 5
19 janvier 2022

Cours en ligne, echanges entre les eleves et le formateur

3 jours c’est court, on va très vite sur chaque tp pour avoir le temps de tout voir

Arnaud G. de chez TUFFIGO RAPIDEX
Noté 4 sur 5
5 novembre 2021

La base et La pratique

La durée et la distance

React native, Flutter

Etq developpeur mobile j’aurai bien voulu pousser pour la partie react Native avec un session d’au moins 5 jours.

Au moins pour dérouler un projet (POC) Abouti

MADIOR T. de chez Sonatel Orange
Noté 4 sur 5
5 novembre 2021

NodeJS

PAPE M. de chez Sonatel Orange
Noté 4 sur 5
9 juin 2021

un peu rapdie quand on part de 0

Frederic B. de chez Saur
Noté 5 sur 5
9 juin 2021

Bonne présentation théorique, des exemples et de nombreuses exercices. Le sujet est bien cerné.

Très rapide à cause du peu de temps de 3 jours au total.

React avancée

Je suis satisfait.

Duy Minh T. de chez Sopra Banking Software
Noté 5 sur 5
30 septembre 2020

La technologie est très facile à prendre en main, assez difficile à maîtriser parfaitement mais c’est pourquoi il y a de nombreuses choses à voir. Fabio est un très bon formateur, calme et pédagogue.

Peut-être un peu courte, j’ai le sentiment qu’un jour supplémentaire aurait permis de vraiment assimiler plus de choses en travaillant par exemple sur un plus gros projet structuré et en mettant en avant certaines bonnes pratiques à utiliser quelque soit le projet.

La formation en React Avancée d’abord. Si j’en ai l’occasion, j’aimerais aussi me perfectionner dans de nombreuses autres technologies : C#, SQL, les API Rest, le protocole OAuth2, Nextjs, Azure, Node.js… Normalement, Isogeo me laisse le droit à une formation par an à hauteur de 4000 €.

Emmanuel A. de chez ISOGEO

Noter la formation

Prix 1800€ HT / personne
Durée 3 jours ( 21 heures )

Paris | à distance | FNE

Il ne reste que quelques places
NewCafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?

Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.

ILS SE SONT FORMÉS CHEZ NOUS

partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp
partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp