Formation ReactJS

Créez des interfaces interactives et de hautes performances avec ReactJS

Présentation de la formation

ReactJS est une librairie JavaScript open source, fiable et très structurée conçue par Facebook . Elle est considéré l’une des technologies JavaScript les plus populaires du moment occupant la 1ère place selon l’édition 2018 du JavaScript Developer Survey, avec une part de 64,8%. Son grand succès s’est étalée jusqu’au géants du web qui l’ont adoptée tel : Netflix, Twitter, Airbnb, Sony, Pinterest, Instagram, WordPress.com, WhatsApp et des centaines d’autres sans oublier les équipes de Facebook.

En effet, ReactJS est basée sur le modèle MVVM avec une approche centrée composants permettant de créer des interfaces hautement personnalisables et interactives pour des applications web monopage ou Single Page App (SPA). Elle a aussi la particularité de générer du rendu HTML à la fois côté client et côté serveur avec NodeJS réalisant ainsi des applications universelles dites isomorphiques.

Flexible et performant, ReactJS se démarque de ses concurrents par sa manipulation intelligente du DOM virtuel tout en modifiant le strict minimum lors du rafraîchissement des données ou selon les requêtes.

En conclusion, ReactJS est devenue une technologie de référence coté front end, simple à apprendre et bénéficiant d’une grande communauté la rendant idéal pour les débutants.

Chez ADN Academy, vous auriez l’occasion d’apprendre les bases de la programmation en ReactJS avec l’accompagnement de nos meilleurs experts. Découvrez donc le contenu de la formation ReactJS pour créer des applications interactives de hautes performances.

Programme de la formation

Objectifs pédagogiques

Au terme de cette formation React, qui s’adresse développeurs web et développeurs JavaScript, vous serez capable de:

  • Apprendre la programmation orienté objet en JS.
  • Découvrir et travailler avec l’architecture MVM

Pré-requis

Afin de suivre la formation React, il suffit :

  • Avoir des connaissances en HTML5
  • Avoir des connaissances en CSS3
  • Avoir des connaissances en JavaScript

Contenu de la formation

Introduction à l’ES6 et aux modules

  • Rappels
  • Design patterns
  • Nouveautés de la syntaxe ES6
  • Compilation du code ES6 avec Babel
  • Aller plus loin : Typescript et Flow
  • Gestion des modules avec Webpack

Introduction à React

  • Ecosystème des frameworks JavaScript
  • Différentes approches du data-binding
  • Philosophie de React
  • Environnement de développement
  • Outils de debug

Développer avec React

  • Création d’un composant
  • La syntaxe JSX
  • JSX vs JavaScript
  • Comprendre JSX en détails
  • Gestion du « state » du composant
  • Les méthodes du cycle de vie

Interactivité des composants

  • Gestion des événements
  • Imbrication de composants
  • Utilisation des « props »
  • Composants réutilisables
  • Manipulation du DOM
  • Gestion des formulaires
  • Design pattern des composants

Application monopage avec Flux ou Redux

  • Présentation de Flux
  • Installation de Redux
  • Les différentes entités du pattern Flux
  • Principe du « one way data flow »
  • Présentation de Redux
  • Utilisation du store
  • Les actions et le reducer
  • Extensions utiles de Redux
  • Intégration dans React
  • L’internationalisation

La navigation avec React Router

  • Présentation de React Router
  • Installation de React Router
  • Configurer les routes
  • Récupérer les paramètres de l’URL
  • Créer des liens
  • Déclencher une navigation

Application isomorphique

  • Principe et bénéfice du développement isomorphique
  • Écosystème du Javascript côté serveur
  • Configuration de NodeJS pour React
  • Récupérer les paramètres de l’URL

Introduction à React Native

  • L’hétérogénéité des OS mobiles
  • Natif vs hybride vs cross-platform
  • Principales solutions cross-platform
  • React Native
  • Démonstration d’application React Native

Méthodes & moyens

Explications théoriques suivies de pratiques guidées puis mises en autonomie

  • 1 vidéoprojecteur par salle
  • 1 ordinateur par stagiaire

Profil du formateur

Nos formateurs sont certifiés à l’issue d’un parcours organisé par nos soins. Ils bénéficient d’un suivi de compétences aussi bien au niveau technique que pédagogique.

Devis

captcha

Reactjs Cover

Infos Pratiques

Durée : 3 jours (21 heures)
Prix : A définir
Lieu: A définir

Contactez Nous

captcha

Formations Planifiées Prochainement

Comments are closed.