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.

Conçue pour allier théorie et pratique, cette formation s’adresse aux développeurs et lead-développeurs désireux de maîtriser React. De l’apprentissage des fondamentaux à l’implémentation d’architectures frontend sophistiquées, nous vous guidons pas à pas dans l’exploration de cette technologie incontournable.

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édictibilité
    • Flux de données unidirectionnel
  • 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

  • Architecture
    • Les contextes
    • Composant conteneur & de présentation
    • Redux
    • Effets de bord & traitement asynchrone
      • Usage d’API externes HTTP
      • Écosystème & bibliothèques
    • Nouveautés de React
    • Routing
    • SSR
    • Frameworks : Next.js, Remix

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

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.

Composition de la formation :

  • Alternance de cours magistraux (40%) et de travaux pratiques sur machine individuelle (60%)
  • Des apports théoriques appuyés par des études de cas, jeux de rôles, mise en situation
  • Un projet en fil rouge tout au long de la formation, servant de support aux exercices proposés

Nous assurons des évaluations continues de vos progrès tout au long de la formation grâce à des corrections collectives et personnalisées lors des exercices pratiques. De plus, à la fin de chaque journée de formation, nous procédons à une évaluation formelle de vos acquis à travers un questionnaire de validation, permettant ainsi de mesurer votre taux de réussite et de garantir une progression efficace.

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 de 2019 à ce jour)
avatar du témoignage

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

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