ReactJS

Développer une application web avec ReactJS

  • Imprimer le programme Imprimer le programme
  • Filière :

    Développement logiciel

  • Sous-filière :

    Technos Web (PHP, JS...)

  • Référence

    DW-REA

  • Durée

    3 jours

  • Prix unitaire HT

    1950 €

Objectifs pédagogiques 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 Public cible

  • Chefs de projets
  • Développeurs

Pré-requis 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 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é.