Utilisez la librairie React dans vos applications JavaScript

Objectifs

React est une librairie JavaScript open source pour développer des interfaces utilisateurs alliant performance et facilité de maintenance.

Dans le cadre de cette formation, vous serez amenés à maitriser la notion de composant, la maîtrise de l’état de l’interface, mais vous verrez aussi en quoi React est considéré comme le point de départ d’un véritable écosystème.

Cette formation, composée de cours théoriques et d’exercices pratiques, s’adresse aux développeurs et lead-développeurs souhaitant comprendre le fonctionnement de React et maîtriser les impacts du choix d’une architecture basée sur Redux.

Public

  • Développeurs frontend
  • Développeurs fullstack
  • Chefs de projets techniques

Pré-requis

  • Connaître la syntaxe du langage JavaScript, et avoir des notions d’algorithmie ;
  • Programmer des scripts JavaScript dans le contexte du navigateur (DOM, Événements, AJAX…) ;
  • Utilisation basique de la ligne de commande ;
  • Ordinateur.

Plan de cours

Jour 1

  • Pourquoi utiliser un framework JavaScript ?
  • Utiliser React pour créer des interfaces utilisateur
    • Propriétés et architecture
    • Déterminisme / prédictabilité
    • Flux de données unidirectionel
  • Ecosystème et outillage
    • Transpilation
    • Bundling
    • Debugging
    • Code lint
  • Rappels JavaScript ES6
  • Qu’est-ce qu’un composant ?
  • La syntaxe JSX
  • Les props et leur validation
  • Les hooks
  • Données internes avec le state
  • Gestion des événements dans React
  • Cycle de vie d’un composant
  • Communication entre composants
  • Style
  • Test automatisé

Jour 2

Gestion d’état avec Redux

  • Gestion d’état avec Redux
  • État de l’art et alternatives
  • Déterminisme & pureté des fonctions
  • Concepts de base
  • Flux de données
  • Utilisation avec React
    • Quand utiliser Redux avec React ?
    • Composant conteneur & de présentation
  • Outils de développement avec Redux
  • Test automatisé avec Redux
  • Les middlewares
  • Effets de bord & traitement asynchrone
    • Usage d’API externes HTTP
    • Écosystème & bibiothèques
  • Routeur

Jour 3

  • Design patterns, bonnes pratiques
  • Aller plus loin
    • Internationalisation
    • Pièges à éviter
    • Typage fort avec TypeScript
    • GraphQL
    • Mesure et optimisation des performances
    • React Native
Télécharger le plan

Méthode pédagogique

Nous pouvons adapter la formation à vos besoins, en mettant l’accent sur un aspect plus particulier du développement. Avant chaque formation, nos formateurs contactent les participants afin de déterminer vos objectifs et savoir s’il faut mettre l’accent sur un sujet particulier. C’est le bon moment, pour vous, d’échanger avec le formateur pour lui permettre de mieux cerner vos objectifs et les aspects que vous aimeriez voir approfondis.

Moyens

JoliCampus met à disposition pour le bon déroulement de la formation :

  • Les compétences techniques, professionnelles, pratiques et théoriques des formateurs en rapport avec React et ayant la capacité de transmettre leurs connaissances
  • Une salle calme et lumineuse, adaptée à cet effet et avec une excellente connexion internet
  • Des supports de formation à la disposition de chaque participant
100% de nos participants ont été satisfaits par cette formation ! (sur l'ensemble des 1 participants ayant répondu à notre enquête)
avatar du témoignage

S. R. - posté le 10/07/2019

Bon programme sur React et l'écosystème JS en général