ReactJS

Développer une application web avec ReactJS

  • Filière :

    Développement logiciel

  • Sous-filière :

    Technos Web (PHP, JS...)

  • Référence

    DW-REA

  • Durée

    3 jours (21 h)

  • Prix unitaire HT

    1 950 € HT

Objectifs pédagogiques

  • Développer une application web avec ReactJS
  • Maîtriser les impacts du choix d’une architecture incluant ce type d’application.

Public cible

  • Chefs de projets
  • Développeurs

Pré-requis

Avoir déjà développé sur un projet en JavaScript (jQuery, Angular, Backbone, …)
Connaissances de base de HTML / CSS

Programme de la formation

Rappels

  • ES-Next (nouveautés du langage)
  • Programmation fonctionnelle (High order function, …)

Objectif : Définir un vocabulaire commun et connaitre les éléments du langage les plus couramment utilisés

React

  • Principes de base

Objectif : Comprendre l’intérêt de react par rapport à ses concurrents et la façon dont il a été pensé

  • Composants (functionnal components, class components et cycle de vie)

Objectif : Les composants sont les éléments de base de la librairie. Apprendre à écrire les composants et découper sa page en composants réutilisables

  • Etats des composants (data,useState)

Objectif : Comment garder de la donnée au sein d’un composant ou l’échanger entre composants

  • Redux

Objectifs : Comprendre les limites de l’utilisation des états des composants / Echanger de la donnée entre plusieurs composants / Séparer la Donnée de la Vue / Comprendre l’intérêt du pattern Redux par rapport aux concurrents (two-way binding par exemple) / Principes du pattern (flux unidirectionnel, store, reducer, actions, …)

  • React-router

Objectif : Construire une Single Page Application

  • Tests / debugging

Objectif : produire une application de qualité avec des tests unitaires et des tests de composants

  • Optimisations des applications (vitesse, mémoire, …)

Objectifs : Avoir en tête le fonctionnement de ReactJS et les premières choses à mettre en place pour éviter des ralentissements / Utiliser des outils pour voir où intervenir dans le code en priorité.

Qualité

Cette formation est accessible aux personnes en situation de handicap, nous contacter en cas de besoin d’informations complémentaires.

Programme mis à jour le